.topbar01{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 2;
    padding: 11px 0 12px;
}
.topbar01 p{
    display: inline-block;
    font-size: 15px;
    line-height: 35px;
    color: #fff;
    font-weight: 500;
    margin: 0 21px 0 0;
}
.topbar01 p i{
    color: #e70012;
    font-size: 13px;
    line-height: 33px;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    display: inline-block;
    margin-right: 6px;
}
.topbar01 p i.twi-phone-volume{
    transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.topbar01 p a{
    color: inherit;
}
.topbar01 p a:hover{
    color: #e70012;
}
.topsocial{
    position: relative;
    padding: 0 0;
    text-align: right;
}
.topsocial a{
    display: inline-block;
    font-size: 15px;
    line-height: 33px;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    color: #191919;
    background: #fff;
    text-align: center;
    margin-left: 2px;
}
.topsocial a:hover{
    background: #e70012;
    color: #fff;
}




.header01{
    position: absolute;
    1top: 58px;
    left: 0;
    z-index: 9;
    width: 100%;
}
.navbar01{
    justify-content: space-between;
    display: flex;
    background: #fff;
    border-radius: 3px;
    padding: 0 40px;
}
.logo{
    line-height: 66px;
    margin: 0;
    padding: 16px 0;
    position: relative;
}
.logo img{
   1 height: 52px;
    width: auto;
    max-width: 100%;
}
.mainMenu{
    position: relative;
    padding: 0 0 0 32px;
}
.mainMenu ul{
    position: relative;
    margin: 0;
    padding: 0;
}
.mainMenu ul li{
    position: relative;
    list-style: none;
    display: inline-block;
    margin: 0 0 0 19px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.mainMenu ul li:first-child{
    margin-left: 0;
}
.mainMenu ul li > a{
    display: block;
    font-size: 17px;
    line-height: 26px;
    color: #2a2828;
    font-family: 'Fira Sans', sans-serif;
    text-transform: capitalize;
    font-weight: 500;
    padding: 41px 15px 38px;
    position: relative;
}
.mainMenu ul li.menu-item-has-children > a::before {
    content: "\f543";
    font-family: 'themewar' !important;
    position: absolute;
    left: auto;
    right: 2px;
    top: calc(50% + 2px);
    text-align: center;
    z-index: 9999;
    display: block;
    cursor: pointer;
    transform: translateY(-50%);
}
.mainMenu ul .sub-menu li.menu-item-has-children > a::before{
    right: 19px;
    content: '..';
    font-family: 'Fira Sans', sans-serif !important;
    font-size: 25px;
    letter-spacing: 3px;
    top: calc(50% - 5px);
}
.mainMenu ul li:hover > a{
    color: #e70012;
}
.mainMenu ul li .sub-menu {
    position: absolute;
    left: -10px;
    pointer-events: none;
    top: calc(100% - 4px);
    width: 260px;
    border-radius: 3px;
    z-index: 100;
    text-align: left;
    margin: 0;
    padding: 18px 0 16px;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    -moz-transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-box-shadow: 2px 2px 5px 1px rgb(0 0 0 / 5%), -2px 0 5px 1px rgb(0 0 0 / 5%);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
    box-shadow: 2px 2px 5px 1px rgb(0 0 0 / 5%), -2px 0 5px 1px rgb(0 0 0 / 5%);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    border-top: 3px solid #e70012;
    color: inherit;
    font-size: inherit;
}
.mainMenu ul li .sub-menu li{
    display: block;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #f5f5f5;
}
.mainMenu ul li .sub-menu li:last-child{
    border-bottom: none;
}
.mainMenu ul li .sub-menu li a{
    padding: 13px 30px;
    margin: 0;
    color: #6f6f6f;
    line-height: 24px;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 16px;
    width: 100%;
    display: block;
    position: relative;
}
.mainMenu ul li .sub-menu li.current-menu-item > a,
.mainMenu ul li .sub-menu li:hover > a{
    color: #fff;
    background: #e70012;
}
.mainMenu ul li:hover .sub-menu{
    visibility: visible;
    opacity: 1;
    pointer-events: inherit;
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.mainMenu ul li .sub-menu li .sub-menu{
    position: absolute;
    left: 110%;
    right: auto;
    top: 0;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}
.mainMenu ul li .sub-menu li:hover .sub-menu{
    visibility: visible;
    opacity: 1;
    left: calc(100% + 2px);
    pointer-events: inherit;
}
.mainMenu ul li .sub-menu.mega_menu{
    min-width: 950px;
    padding: 22px 15px 5px;
    left: -40px;
}
.showcase {
    margin: 0 0 20px;
    -webkit-transition: .3s cubic-bezier(.24,.74,.58,1);
    -moz-transition: .3s cubic-bezier(.24,.74,.58,1);
    -ms-transition: .3s cubic-bezier(.24,.74,.58,1);
    -o-transition: .3s cubic-bezier(.24,.74,.58,1);
    transition: .3s cubic-bezier(.24,.74,.58,1);
}
.showcase .showcaseThumb {
    -webkit-box-shadow: 0 20px 32px rgba(185,181,181,.5);
    -moz-box-shadow: 0 20px 32px rgba(185,181,181,.5);
    -ms-box-shadow: 0 20px 32px rgba(185,181,181,.5);
    -o-box-shadow: 0 20px 32px rgba(185,181,181,.5);
    box-shadow: 0 20px 32px rgba(185,181,181,.5);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: .3s cubic-bezier(.24,.74,.58,1);
    transition: .3s cubic-bezier(.24,.74,.58,1);
    position: relative;
    overflow: hidden;
}
.showcase:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}
.showcase h5 {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #2a2828;
    margin: 18px 0 0;
}
.showcase h5 span {
    color: #e70012;
}
.showcase .showcaseThumb img{
    max-width: 100%;
    height: auto;
    width: 100%;
}

.menu_btn {
    display: none;
}
.accessNav {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.accessNav a{
    display: inline-block;
}

.accessNav .search_btn{
    position: relative;
    margin: 0 0 0 0;
    width: 52px;
    height: 52px;
    font-size: 16px;
    background: #f5f5f5;
    border-radius: 50%;
    text-align: center;
    color: #131313;
    line-height: 53px;
}
.accessNav .search_btn:hover{
    color: #fff;
    background: #e70012;
}
.shoping_cart {
    position: relative;
    margin-left: 0;
}
.shoping_cart a.cartBtn{
    position: relative;
    margin: 0 0 0 8px;
    width: 52px;
    height: 52px;
    font-size: 16px;
    background: #f5f5f5;
    border-radius: 50%;
    text-align: center;
    color: #131313;
    line-height: 53px;
}
.shoping_cart a.cartBtn span {
    position: absolute;
    right: -7px;
    top: -6px;
    background: #191919;
    color: #fcfcfc;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    font-size: 10.43px;
    line-height: 26px;
    font-weight: 700;
    text-align: center;
    display: inline-block;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
}
.shoping_cart:hover a.cartBtn {
    background: #e70012;
    color: #fff;
}
.accessNav .berpo_btn{
    margin-left: 30px;
    height: 54px;
    line-height: 55px;
    font-size: 14px;
    padding: 0 20px;font-family: arial;
}

/*-- Popup Search ---*/
.popup_search_sec {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
}
.popup_search_overlay {
    position: fixed;
    left: 0;
    top: -100%;
    width: 100%;
    height: 100%;
    background: rgba(30, 30, 30, .6);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    cursor: url(../images/close.png), auto;
    -webkit-transition: all .4s ease-in .8s;
    -o-transition: all .4s ease-in .8s;
    transition: all .4s ease-in .8s;
}
.popup_search_sec.active .popup_search_overlay {
    visibility: visible;
    -webkit-transition: all .8s ease-out 0s;
    -o-transition: all .8s ease-out 0s;
    transition: all .8s ease-out 0s;
    top: 0;
    opacity: 1;
}
.pop_search_background {
    background: #2963b7;
    width: 100%;
    height: 100px;
    top: -100%;
    z-index: 99;
    position: fixed;
    left: 0;
    opacity: 0.6;
    visibility: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all 0.6s cubic-bezier(0.9, 0.03, 0, 0.96) 0.7s;
    -o-transition: all 0.6s cubic-bezier(0.9, 0.03, 0, 0.96) 0.7s;
    transition: all 0.6s cubic-bezier(0.9, 0.03, 0, 0.96) 0.7s;
}
.popup_search_sec.active .pop_search_background {
    opacity: 1;
    visibility: visible;
    top: 0;
    -webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.5s;
    -o-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.5s;
    transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.5s;
}
.middle_search {
    position: relative;
    top: 43%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    position: relative;
    z-index: 2;
}
.popup_search_form {
    position: relative;
}
.popup_search_form:after {
    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    -o-animation-delay: 0.8s;
    animation-delay: 0.8s;
    position: absolute;
    content: '';
    height: 1px;
    background: rgba(255, 255, 255, .15);
    width: 0;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: 0;
}
.popup_search_sec.active .popup_search_form:after {
    -webkit-animation-name: fadeInGo;
    animation-name: fadeInGo;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible;
    opacity: 1;
    width: 100%;
}
.popup_search_form:before{
    content: '';
    position: absolute;
    left: auto;
    right: 0;
    bottom: 0;
    height: 1px;
    width: 0;
    transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
    -moz-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
    -webkit-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
    background: #e70012;
}
.popup_search_form.focused:before{
    width: 100%;
    left: 0;
    right: auto;
}
.popup_search_form input[type="search"] {
    width: 100%;
    height: 64px;
    border: none;
    background: transparent;
    outline: none;
    font-size: 18px;
    line-height: 64px;
    color: #ffffff;
    font-weight: 400;
}
.popup_search_form input[type="search"]::-moz-placeholder{
    color: #ffffff;
    opacity: 1;
}
.popup_search_form input[type="search"]::-ms-input-placeholder{
    color: #ffffff;
    opacity: 1;
}
.popup_search_form input[type="search"]::-webkit-input-placeholder{
    color: #ffffff;
    opacity: 1;
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@-webkit-keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}
@keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}

@-webkit-keyframes fadeInGo {
    0% {opacity: 0.1; width: 0; }
    100% {opacity: 1; width: 100%; }
}
@keyframes fadeInGo {
    0% {opacity: 0.1; width: 0; }
    100% {opacity: 1; width: 100%; }
}

@-webkit-keyframes fadeOutGo {
    0% {opacity: 1; width: 100%; }
    100% {opacity: 0; width: 0; }
}
@keyframes fadeOutGo {
    0% {opacity: 1; width: 100%; }
    100% {opacity: 0; width: 0; }
}

@-webkit-keyframes fadeOutGo2 {
    0% {opacity: 0.8; width: 100%; }
    100% {opacity: 0.14; width: 0; }
}
@keyframes fadeOutGo2 {
    0% {opacity: 0.8; width: 100%; }
    100% {opacity: 0.14; width: 0; }
}
.popup_search_form  button[type="submit"]{
    position: absolute;
    right: 0;
    bottom: 14px;
    border: none;
    outline: none;
    z-index: 2;
    font-size: 18px;
    line-height: 32px;
    margin: 0;
    padding: 0;
    background: transparent;
    color: #ffffff;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}
.popup_search_form  button[type="submit"]:hover{
    color: #e70012;
}

/*--- Hero Slier ---*/
.slider_01{
    position: relative;
    height: 100vh;
    margin: 0;
    overflow: hidden;
}
.ws_nowrap{
    white-space: normal !important;
}
.tparrows.custom{
    width: 70px;
    height: 70px;
    background: #99989a;
    color: #000000;
    line-height: 70px;
    border-radius: 5px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
}
.tparrows.custom:before{
    color: inherit;
    content: "\ef2e";
    line-height: 70px;
    font-size: 24px;
    font-family: 'themewar' !important;
}
.tp-rightarrow.tparrows.custom:before {
    content: "\ef2f";
}
.tparrows.custom:hover{
    background: #FFF;
}
.tp-bannertimer{
    display: none !important;
}
.ws_nowrap {
    white-space: normal !important;
}
.tp-caption .berpo_btn{
    height: 54px;
    font-weight: 600;
    font-size: 15px !important;
    line-height: 54px !important;
    transition: all ease 400ms !important;
    -moz-transition: all ease 400ms !important;
    -webkit-transition: all ease 400ms !important;
}
.slider_01 span.bg{
    width: 345px;
    height: 31px;
    text-align: center;
    line-height: 31px;
    display: inline-block;
    background: url(../images/slider/title-bg.png) no-repeat center center / cover;
}
.slider_01 .popup_video{
    height: 62px !important;
    width: 62px !important;
    line-height: 60px !important;
    background: transparent;
    border: 2px solid #e70012;
}
.prcolor{
    color: #e70012;
}
.slider_02{
    position: relative;
    margin: 0;
    overflow: hidden;
}
.slider_02:after{
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 100%;
    height: 120px;
    background: url(../images/bg/header.jpg) no-repeat top center / cover;
}
.slider_03{
    position: relative;
    margin: 0;
    overflow: hidden;
}
.slider_03 .tp-caption .berpo_btn {
    height: 60px;
    font-weight: 700;
    line-height: 60px !important;
}
.slider_03 .tp-caption .berpo_btn i{
    margin: auto !important;
}

.slider_03 .twi-star-of-life{
    display: inline-block;
    font-size: 12px;
}
.slider_03 .prcolor3{
    display: inline-block;
    font-size: 35px;
    margin: 0 5px;
    color: var(--theme-color-three);
}
.slider_04{
    position: relative;
}
.slider_04 .graian{
    display: inline-block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2);
}
.support{
    position: relative;
    padding-left: 83px;
}
.support img{
    width: 69px;
    height: 69px;
    border-radius: 50%;
    position: absolute;
    top: -1px;
    left: 0;
}
.support span{
    font-size: 22px;
    color: #ffffff;
    font-weight: 700;
    margin: 0;
    display: block;
}
.support p{
    font-size: 17px;
    font-weight: 400;
    line-height: 30px;
    margin: 0 0 16px;
    display: inline-block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2);
}
.slider_04 .tparrows.custom{
    background: url(../images/slider/nav.png) no-repeat center center / cover;
    width: 108px;
    height: 108px;
    border-radius: 3px;
    transition: all ease 400ms !important;
    -moz-transition: all ease 400ms !important;
    -webkit-transition: all ease 400ms !important;
}
.slider_04 .tparrows.custom:before{
    content: "\ef54";
    color: #ffffff;
    font-size: 16px;
    line-height: 108px;
    z-index: 3;
    transition: all ease 400ms !important;
    -moz-transition: all ease 400ms !important;
    -webkit-transition: all ease 400ms !important;
}
.slider_04 .tp-rightarrow.custom:before{
    content: "\ef55";
}
.slider_04 .tparrows.custom:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    border-radius: 3px;
    visibility: visible;
    opacity: 1;
    z-index: -1;
    background: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2);
    transition: all ease 400ms !important;
    -moz-transition: all ease 400ms !important;
    -webkit-transition: all ease 400ms !important;
}
.slider_04 .tparrows.custom:hover:after{
    visibility: hidden;
    opacity: 0;
}
.slider_04 .tparrows.custom:hover:before{
    color: #101a25;
}
.slider_05{
    position: relative;
    z-index: 3;
    background: #f7f7f7;
    margin-bottom: -92px;
    border-radius: 3px 0 0 0;
}
.slider_05 .tp-caption .berpo_btn {
    height: 57px;
    font-weight: 800;
    font-size: 14px !important;
    line-height: 57px !important;
    transition: all ease 400ms !important;
    -moz-transition: all ease 400ms !important;
    -webkit-transition: all ease 400ms !important;
}
.slider_05 .headFont span{
    color: #f9bf26;
}
.slider_05 .headFont.mdHeading span{
    display: inline-block;
    color: inherit;
    margin: 0 19px;
}
.borderb{
    position: relative;
    display: inline-block;
}
.borderb:after{
    position: absolute;
    width: 100%;
    height: 7px;
    content: '';
    z-index: -1;
    background: #cee002;
    opacity: .11;
    left: 0;
    bottom: 4px;
}
.slider_05 .tparrows.custom{
    width: 70px;
    height: 57px;
    background: transparent;
}
.slider_05 .tparrows.custom:before{
    font-size: 36px;
    line-height: 58px;
    content: "\e942";
    font-family: 'Bepro' !important;
}
.slider_05 .tp-rightarrow.tparrows.custom:before{
    content: "\e941";
}
.slider_05 .tparrows.custom:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    content: '';
    z-index: -1;
    border-radius: 3px;
    background-image: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493);
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.slider_05 .tparrows.custom:hover:after,
.slider_05 .tp-rightarrow.tparrows.custom:after{
    width: 100%;
}
.slider_06{
    position: relative;
    height: 100vh;
    margin: 0;
    overflow: hidden;
}
.slider_06 .tp-caption .berpo_btn{
    border-radius: 3px;
}
.slider_07{
    position: relative;
    overflow: hidden;
   1 margin-top: 95px;
}
.slider_07 .tp-caption .berpo_btn {
    height: 63px;
    font-weight: 700;
    padding: 0 32.5px;
    background: #e70012;
    font-size: 15px !important;
    line-height: 64px !important;
    transition: all ease 400ms !important;
    -moz-transition: all ease 400ms !important;
    -webkit-transition: all ease 400ms !important;
}
.slider_07 .tp-caption .berpo_btn i{
    background: #980000;
}
.slider_07 .tp-caption .berpo_btn:hover i{
    background: #e70012;
}
.slider_07 .tp-bullet{
    background: transparent;
    position: relative;
    z-index: 66;
}
.slider_07 .tp-bullet:after{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    content: '1';
    color: #222;
    1font-family: 'Fira Sans', sans-serif;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -.36px;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms; font-family:"Times New Roman", Times, serif;
}
.slider_07 .tp-bullet:nth-child(2):after{
    content: '2';
}
.slider_07 .tp-bullet:nth-child(3):after{
    content: '3';
}
.slider_07 .tp-bullet:nth-child(4):after{
    content: '4';
}
.slider_07 .tp-bullet:nth-child(5):after{
    content: '5';
}
.slider_07 .tp-bullet:hover:after,
.slider_07 .tp-bullet.selected:after{
    color: #e70012;
}
.slider_07 .tp-bullet:before{
    position: absolute;
    left: -4px;
    right: 0;
    top: 0;
    bottom: -90px;
    height: 38px;
    width: 1px;
    background: #494948;
    margin: auto;
    content: '';
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
}
.slider_07 .tp-bullet:last-child:before{
    display: none;
}

/*--- Service Box 01 ---*/
.service_item_01{
    position: relative;
    background: #fff;
    margin: 0 0 30px;
    border-radius: 8px 7px 5px 5px;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -webkit-box-shadow: 0px 10px 38px 0px rgba(0, 0, 0, 0.02);
    -moz-box-shadow:    0px 10px 38px 0px rgba(0, 0, 0, 0.02);
    box-shadow:         0px 10px 38px 0px rgba(0, 0, 0, 0.02);
}
.service_item_01:hover {
    -webkit-box-shadow: 0 30px 50px 0 rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 30px 50px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 30px 50px 0 rgba(0, 0, 0, 0.07);
}
.siThumb{
    position: relative;
    margin: 0;
}
.service_item_01 .siThumb img{
    width: 100%;
    height: auto;
    border-radius: 5px 5px 0 0;
}
.sitem_con{
    position: relative;
    padding: 22px 30px 23px 105px;
}
.ibMeta{
    font-size: 50px;
    line-height: 50px;
    color: #e70012;
    position: relative;
    z-index: 2;
    text-align: center;
    display: inline-block;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
}
.sitem_con .ibMeta{
    position: absolute;
    left: 36px;
    top: 20px;
}
.service_item_01 h3{
    font-size: 22px;
    line-height: 30px;
    color: #333333;
    margin: 0 0 0;
}
.service_item_01 h3 a{
    color: inherit;
}
.service_item_01 h3 a:hover{
    color: #e70012;
}
.service_item_01 p{
    color: #666666;
    font-size: 15px;
    line-height: 23px;
    margin: 0;
}

/*--- About Image ---*/
.abThumb{
    position: relative;
}
/*.abThumb .round{
    padding: 76px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0;
}*/
.abThumb img{
    max-width: 100%;
    height: auto;
}

/*-- Circle Round --*/
.skrItem{
    position: relative;
    background: #fff;
    text-align: center;
    display: inline-block;
    -webkit-box-shadow: 0px 10px 81px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow:    0px 10px 81px 0px rgba(0, 0, 0, 0.08);
    box-shadow:         0px 10px 81px 0px rgba(0, 0, 0, 0.08);
    padding: 35px 38px 27px;
    margin: 0 0 30px;
}
.circle-skill{
    position: relative;
    margin: 0 0 8px;
}
.circle-skill strong{
    position: absolute;
    left: 0;
    top: 47%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
    margin: auto;
    text-align: center;
    font-size: 40px;
    letter-spacing: -.6px;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 700;
    line-height: .8;
    color: #29333d;
    display: block;
}
.circle-skill strong span{
    font-size: 20px;
}
.circle-skill i{
    width: 49px;
    height: 49px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-size: 22px;
    line-height: 49px;
    position: absolute;
    left: 0;
    top: 0;
}
.circle-skill i:before{
    z-index: 2;
    position: relative;
}
.circle-skill i:after{
    position: absolute;
    left: 4px;
    top: 4px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border-radius: 50%;
    content: '';
    background: #e70012;
}
.skrItem h5{
    color: #29333d;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0;
}


/*--- Client Reviewr ---*/
.happyClinets{
    position: relative;
    display: flex;
    justify-content: space-between;
    background: #fff;
    -webkit-box-shadow: 0px 10px 81px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow:    0px 10px 81px 0px rgba(0, 0, 0, 0.09);
    box-shadow:         0px 10px 81px 0px rgba(0, 0, 0, 0.09);
    padding: 23px 32px 13px;
    border-radius: 100px;
    max-width: 508px;
    margin-bottom: -42px;
}
.happyClinets > i{
    width: 61px;
    height: 61px;
    border-radius: 50%;
    font-size: 25px;
    color: #fff;
    line-height: 61px;
    text-align: center;
    background: #e70012;
    display: inline-block;
}
.cThumb{
    position: relative;
}
.cThumb img{
    width: 61px;
    height: 62px;
    border-radius: 50%;
}
.cThumb img:nth-child(2){
    width: 66px;
    height: 66px;
    border-radius: 50%;
    position: absolute;
    left: 28px;
    top: -2px;
}
.cThumb img:nth-child(3){
    width: 65px;
    height: 66px;
    border-radius: 50%;
    position: absolute;
    left: 65px;
    top: -2px;
}
.hcCon{
    padding-left: 40px;
    position: relative;
}
.hcCon h5{
    font-size: 18px;
    border-bottom: 1px solid #ededed;
    margin: 1px 0 5px;
    padding: 0 0 7px;
}
.hcCon p{
    font-size: 15px;
    color: #101a25;
    font-weight: 700;
    font-family: 'Fira Sans', sans-serif;
    margin: 0;
}
.hcCon p i{
    display: inline-block;
    font-size: 12px;
    color: #fdc703;
    margin-right: 10px;
}


/*--- Contact Form ---*/
.input-field{
    position: relative;
}
.input-field i{
    color: #e70012;
    font-size: 14px;
    line-height: 67px;
    position: absolute;
    left: 25px;
    top: 0;
}
input[type="email"], 
input[type="text"], 
input[type="number"], 
input[type="url"], 
input[type="tel"], 
input[type="password"], 
textarea,
select,
.nice-select{
    display: block;
    width: 100%;
    height: 67px;
    background: #f8f8f8;
    padding: 0 15px 0 60px;
    border: none;
    border-radius: 3px;
    font-size: 15px;
    line-height: 67px;
    margin: 0 0 7px;
    color: #898989;
}
textarea{
    height: 150px;
    padding-top: 12px;
    padding-left: 55px;
    line-height: 34px;
    border-radius: 30px;
    resize: none;
    margin-bottom: 30px;
}
input[type="email"]::-moz-placeholder, 
input[type="text"]::-moz-placeholder, 
input[type="number"]::-moz-placeholder, 
input[type="url"]::-moz-placeholder, 
input[type="tel"]::-moz-placeholder, 
input[type="password"]::-moz-placeholder, 
textarea::-moz-placeholder,
select::-moz-placeholder{
    color: #898989;
    opacity: 1;
}
input[type="email"]::-webkit-input-placeholder, 
input[type="text"]::-webkit-input-placeholder, 
input[type="number"]::-webkit-input-placeholder, 
input[type="url"]::-webkit-input-placeholder, 
input[type="tel"]::-webkit-input-placeholder, 
input[type="password"]::-webkit-input-placeholder, 
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder{
    color: #898989;
    opacity: 1;
}
input[type="email"]::-ms-input-placeholder, 
input[type="text"]::-ms-input-placeholder, 
input[type="number"]::-ms-input-placeholder, 
input[type="url"]::-ms-input-placeholder, 
input[type="tel"]::-ms-input-placeholder, 
input[type="password"]::-ms-input-placeholder, 
textarea::-ms-input-placeholder,
select::-ms-input-placeholder{
    color: #898989;
    opacity: 1;
}

/*--- Service Item ---*/
.service_item_02{
    position: relative;
    background: #fff;
    border-radius: 5px;
    padding: 27px 43px 39px;
    margin: 0 0 30px;
    -webkit-box-shadow: 0px 10px 32px 0px rgba(0, 0, 0, 0.07);
    -moz-box-shadow:    0px 10px 32px 0px rgba(0, 0, 0, 0.07);
    box-shadow:         0px 10px 32px 0px rgba(0, 0, 0, 0.07);
}
.stpmeta{
    position: relative;
    display: flex;
}
.stpmeta .ibMeta{
    color: #000000;
    position: relative;
    text-align: left;
}
.ibMeta svg{
    width: 80px;
    height: 64px;
    fill: #ffc1c1;
    position: absolute;
    left: -5px;
    top: 11px;
    z-index: -1;
}
.service_item_02 h3{
    position: relative;
    z-index: 2;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    color: #0f0d1d;
    margin: 28px 0 40px 43px;
}
.service_item_02 h3 a{
    color: inherit;
}
.service_item_02 h3 a:hover{
    color: #e70012;
}
.service_item_02 p{
    position: relative;
    z-index: 2;
    color: #5f5f5f;
    font-size: 17px;
    line-height: 25px;
    margin: 0;
}
.si02 .ibMeta svg{
    fill: #ffde73;
}
.si03 .ibMeta svg{
    fill: #ff8522;
}
.si04 .ibMeta svg{
    fill: #bef0ef;
}
.si05 .ibMeta svg{
    fill: #dcf7b9;
}
.si06 .ibMeta svg{
    fill: #ffa6b0;
}


/*--- List Item ---*/
.listItem {
    margin: 0;
    padding: 0;
}
.listItem li {
    list-style: none;
    display: flex;
    width: 100%;
    font-size: 18px;
    line-height: 35px;
    color: #fff;
}
.withbg li{
    font-family: 'Fira Sans', sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #101a25;
    margin: 0 0 14px;
}
.withbg li span {
    padding: 12px 30px 16px;
    background: #fff;
    border-radius: 3px;
    display: inline-block;
    -webkit-box-shadow: 0px 10px 32px 0px rgba(0, 0, 0, 0.07);
    -moz-box-shadow:    0px 10px 32px 0px rgba(0, 0, 0, 0.07);
    box-shadow:         0px 10px 32px 0px rgba(0, 0, 0, 0.07);
}
.listItem.withbg li i {
    color: #e70012;
    font-size: 22px;
    line-height: inherit;
    margin-right: 17px;
    display: inline-block;
    position: relative;
    top: 4px;
}
.listItem li i{
    margin-right: 23px;
}
.clinetWorlwide{
    position: relative;
    text-align: right;
}
.clinetWorlwide img{
    max-width: 100%;
    height: auto;
}
.ClientNumber{
    position: absolute;
    left: 39px;
    bottom: 25px;
    text-align: left;
}
.ClientNumber h2{
    position: relative;
    font-size: 110.79px;
    line-height: 109px;
    margin: 0 0 0 4px;
}
.ClientNumber h2 sup{
    font-style: normal;
    font-size: 55px;
    line-height: 60px;
    color: #e70012;
    top: -58px;
}
.ClientNumber h5{
    font-size: 19px;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
}

/*--- Client Slider ---*/
.clslider_wrap{
    background: #fff;
    -webkit-box-shadow: 0px 10px 81px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow:    0px 10px 81px 0px rgba(0, 0, 0, 0.09);
    box-shadow:         0px 10px 81px 0px rgba(0, 0, 0, 0.09);
    padding: 54px 15px 39px;
    border-radius: 3px;
}
.client-slider.owl-carousel{
    position: relative;
}
.client-slider.owl-carousel .owl-item {
    text-align: center;
}
.client-slider.owl-carousel a{
    display: inline-block;
    text-align: center;
}
.client-slider.owl-carousel a img {
    height: auto;
    width: 188px;
}

/*--- Pricing Table ---*/
.pricingTab{
    margin: 0 0 50px;
    padding: 2px;
    display: inline-block;
    border: 1px solid #e8e8e8;
    border-radius: 50px;
    height: 57px;
}
.pricingTab a{
    position: relative;
    font-family: 'Fira Sans', sans-serif;
    display: inline-block;
    height: 100%;
    background: transparent;
    display: inline-block;
    font-size: 16px;
    color: #616368;
    font-weight: 500;
    border-radius: 50px;
    padding: 11.5px 38px;
    text-align: center;
}
.pricingTab a:hover{
    color: #e70012;
}
.pricingTab a.active{
    background: #e70012;
    color: #FFF;
}
.pricing-item-01{
    max-width: 380px;
    position: relative;
    background: #f9f9f9;
    border-radius: 10px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.pricing-item-01:hover{
    background: #fff;
    -webkit-box-shadow: 0px 3px 103px 0px rgba(46, 46, 46, 0.17);
    -moz-box-shadow:    0px 3px 103px 0px rgba(46, 46, 46, 0.17);
    box-shadow:         0px 3px 103px 0px rgba(46, 46, 46, 0.17);
}
.price-thumb{
    position: relative;
}
.price-thumb img{
    width: 100%;
    height: auto;
    border-radius: 10px 10px 0 0;
}
.price-detils{
    position: relative;
    padding: 57px 75px 57px;
}
.p-title{
    font-size: 32px;
    line-height: 40px;
    color: #030303;
    font-weight: 600;
    margin-bottom: 7px;
}
.p-price {
    font-size: 30px;
    line-height: 40px;
    color: #030303;
    letter-spacing: .6px;
    margin-bottom: 39px;
    text-transform: uppercase;
    display: flex;
    position: relative;
    min-height: 40px;
}
.p-price sup {
    font-size: 13px;
    top: -13px;
    margin-right: 4px;
}
.p-price sub{
    font-size: 18px;
    bottom: 11px;
}
.pricing-item-01 .p-price .price_period {
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
}
.pricing-item-01 .p-price .price_period.active {
    visibility: visible;
    opacity: 1;
}
.price-detils ul{
    margin: 0 0 23px;
    padding: 0;
}
.price-detils ul li{
    display: block;
    font-size: 16px;
    color: #5f5f5f;
    letter-spacing: .64px;
    border-bottom: 1px solid #eeeeee;
    padding: 0 0 11px;
    margin-bottom: 8px;
}
.price-detils ul li:last-child{
    border: none;
}
.price-detils ul li i{
    color: #e70012;
    font-size: 15px;
    display: inline-block;
    margin-right: 12px;
}
.price-detils .berpo_btn{
    background: #030303;
    height: 54px;
    line-height: 55px;
    border-radius: 50px;
    font-weight: 600;
    padding: 0 48px;
}
.price-detils .berpo_btn .bp-shape{
    background: #e70012;
}

/*--- Tab Section ---*/
.beproTab{
    position: relative;
    margin: 0 0 60px;
    padding: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.beproTab li{
    width: 33.333333%;
}
.beproTab li a{
    display: inline-block;
    width: 100%;
    background: #eef4fc;
    position: relative;
    text-align: center;
    font-family: 'Fira Sans', sans-serif;
    font-size: 22px;
    color: #000000;
    font-weight: 700;
    text-transform: uppercase;
    padding: 43px 20px;
}
.beproTab li a:after{
    position: absolute;
    left: 60px;
    bottom: 0;
    width: 2px;
    height: 60px;
    background: #e70012;
    content: '';
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.beproTab li a:hover:after,
.beproTab li a.active:after{
    visibility: visible;
    opacity: 1;
    bottom: -44px;
}
.beproTab li a:hover,
.beproTab li a.active{
    background: #fff;
    -webkit-box-shadow: 0px 10px 32px 0px rgba(0, 0, 0, 0.07);
    -moz-box-shadow:    0px 10px 32px 0px rgba(0, 0, 0, 0.07);
    box-shadow:         0px 10px 32px 0px rgba(0, 0, 0, 0.07);
}
.beproTabCon{
    position: relative;
}
.beproTabCon .secTitle{
    line-height: 65px;
    margin: 82px 0 19px;
}
.beproTabCon p{
    margin-bottom: 52px;
    color: #5f5f5f;
    padding-right: 60px;
}
.beproTabCon .berpo_btn{
    padding: 0 42.5px;
}

/*--- Team Member ---*/
.team_01 {
    position: relative;
    margin-bottom: 34px;
}
.tm_thumb{
    position: relative;
    margin: 0 0 20px;
}
.tm_thumb:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    visibility: hidden;
    opacity: 0;
    border-radius: 3px;
    background: rgba(0, 0, 0, .43);
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.team_01:hover .tm_thumb:after{
    visibility: visible;
    opacity: 1;
}
.team_01 .tm_thumb img{
    width: 100%;
    height: auto;
    border-radius: 3px;
}
.tm_social{
    font-family: 'Fira Sans', sans-serif;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}
.tm_social a{
    display: inline-block;
    margin: 0 5px;
    position: relative;
    z-index: 2;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    visibility: hidden;
    opacity: 0;
}
.tm_social a i{
    font-size: 13px;
    margin-right: 4px;
    display: inline-block;
}
.tm_social a:hover {
    color: #e70012;
}
.tm_social a:nth-child(1) {
    -webkit-transition: all 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, 70px, 0);
    -moz-transform: translate3d(0, 70px, 0);
    -webkit-transform: translate3d(0, 70px, 0);
}
.tm_social a:nth-child(2) {
    -webkit-transition: all 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);;
    transition: all 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, 70px, 0);
    -moz-transform: translate3d(0, 70px, 0);
    -webkit-transform: translate3d(0, 70px, 0);
}
.tm_social a:nth-child(3) {
    -webkit-transition: all 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, 70px, 0);
    -moz-transform: translate3d(0, 70px, 0);
    -webkit-transform: translate3d(0, 70px, 0);
}
.tm_social a:nth-child(4) {
    -webkit-transition: all 750ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 750ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 750ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, 70px, 0);
    -moz-transform: translate3d(0, 70px, 0);
    -webkit-transform: translate3d(0, 70px, 0);
}
.tm_social a:nth-child(05){
    -webkit-transition: all 850ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 850ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 850ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, 70px, 0);
    -moz-transform: translate3d(0, 70px, 0);
    -webkit-transform: translate3d(0, 70px, 0);
}
.team_01:hover .tm_social a{
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}
.team_01 h3 {
    font-size: 24px;
    line-height: 28px;
    color: #393434;
    margin: 0 0 5px;
}
.team_01 h3 a {
    color: inherit;
}
.team_01 h3 a:hover{
    color: #e70012;
}
.team_01 p {
    font-size: 15px;
    line-height: .8;
    color: #7b7b7b;
    margin: 0;
}
.tmSlider.owl-carousel .owl-nav{
    width: 100%;
}
.tmSlider.owl-carousel  .owl-nav button {
    position: absolute;
    left: -140px;
    top: 31%;
    text-align: center;
    z-index: 5;
    font-size: 24px;
    line-height: 71px;
    width: 71px;
    height: 71px;
    background: rgba(199, 199, 199, .2);
    color: rgba(0, 0, 0, .2);
    border: none;
    outline: none;
    z-index: 1;
    border-radius: 0;
    display: block;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.tmSlider.owl-carousel  .owl-nav button.owl-next {
    left: auto;
    right: -140px;
}
.tmSlider.owl-carousel  .owl-nav button:hover{
    background: #e70012;
    color: #fff;
}

/*--- Accordian ---*/
.bepAccordion{
    position: relative;
    margin-right: 29px;
}
.bepAccordion .card {
    position: relative;
    z-index: 2;
    background: #FFF;
    border-radius: 3px;
    margin: 0 0 16px;
    padding: 20px 49px;
    border: none;
    -webkit-box-shadow: 0px 10px 32px 0px rgba(0, 0, 0, 0.07);
    -moz-box-shadow:    0px 10px 32px 0px rgba(0, 0, 0, 0.07);
    box-shadow:         0px 10px 32px 0px rgba(0, 0, 0, 0.07);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.accordion > .card:not(:first-of-type),
.accordion > .card:not(:last-of-type){
    border-radius: 3px;
}
.bepAccordion .card .card-header {
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.bepAccordion .card .card-header h2 {
    margin: 0;
    padding: 0;
    border: none;
}
.bepAccordion .card .card-header h2 button {
    border-radius: 0;
    border: none;
    background: transparent;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Fira Sans', sans-serif;
    color: #1e1840;
    line-height: 36px;
    display: flex;
    padding: 0;
    width: 100%;
    text-align: left;
    border-radius: 0;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.bepAccordion .card .card-header h2 button i{
    font-style: normal;
    font-size: 19px;
    color: #e70012;
    margin-right: 3px;
}
.bepAccordion .card .card-header h2 button span {
    position: absolute;
    width: 12px;
    height: 12px;
    right: -11px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.bepAccordion .card .card-header h2 button span:before {
    content: '';
    width: 4px;
    height: 12px;
    background: #000000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.bepAccordion .card .card-header h2 button span:after {
    content: '';
    width: 12px;
    height: 4px;
    background: #000000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.bepAccordion .card .card-header h2 button:not(.collapsed) span:before{
    display: none;
}
.bepAccordion .card .card-body {
    position: relative;
    padding: 11px 5px 35px 0;
    top: 0;
    color: #5f5f5f;
    font-size: 17px;
    line-height: 28px;
    border: none;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.bepAccordion .card.activeBg{
    background: #101a25;
}
.bepAccordion .card.activeBg .card-header h2 button{
    color: #fff;
}
.bepAccordion .card.activeBg .card-body{
    color: #a5a5a5;
}
.bepAccordion .card.activeBg .card-header h2 button i{
    color: #fff;
}
.bepAccordion .card.activeBg .card-header h2 button span:after{
    background: #fff;
}

/*--- Testimonial ---*/
.testimonialslider01.owl-carousel{
    position: relative;
    padding: 40px 0 0 7px;
}
.testiItem01{
    position: relative;
}
.testiItem01 h5{
    font-size: 25px;
    color: #1e1840;
    font-weight: 600;
    margin: 0 0 7px;
}
.quotation{
    font-size: 20px;
    line-height: 30px;
    color: #5f5f5f;
    font-weight: 300;
    font-style: italic;
    margin: 0 0 40px;
}
.ts_author{
    position: relative;
    padding-top: 23px;
    padding-left: 138px;
    min-height: 105px;
}
.testimonialslider01.owl-carousel .ts_author img{
    width: 106px;
    height: 105px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
}
.ts_author h5{
    font-size: 22.22px;
    line-height: 33.33px;
    color: #1e1840;
    margin: 0 0 3px;
}
.ts_author span{
    display: block;
    line-height: .8;
    font-size: 14.77px;
    color: #828282;
}
.testimonialslider01.owl-carousel .owl-nav{
    position: relative;
    margin: 24px 0 0;
}
.testimonialslider01.owl-carousel  .owl-nav button {
    text-align: center;
    font-size: 13.49px;
    line-height: 48px;
    width: 48px;
    height: 48px;
    margin-right: 10px;
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 50%;
    color: #1e1840;
    outline: none;
    z-index: 1;
    display: inline-block;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.testimonialslider01.owl-carousel  .owl-nav button:hover{
    background: #e70012;
    color: #fff;
}

/*--- Blog Item ---*/
.blogItem01{
    position: relative;
    background: #fbfbfb;
    margin: 0 0 30px;
    border-radius:  0 0 3px 3px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.blogItem01:hover{
    background: #fff;
    -webkit-box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow:    0px 5px 29px 0px rgba(0, 0, 0, 0.06);
    box-shadow:         0px 5px 29px 0px rgba(0, 0, 0, 0.06);
}
.blogThumb{
    position: relative;
}
.blogItem01 .blogThumb img{
    width: 100%;
    height: auto;
    border-radius: 3px 3px 0 0;
}
.blogContent{
    position: relative;
    padding: 23px 29px 27px;
}
.bmeta{
    display: inline-block;
    font-size: 15px;
    color: #7c7c7c;
    margin: 0 0 4px;
}
.bmeta i{
    display: inline-block;
    font-size: 14px;
    color: #e70012;
    margin-right: 9px;
}
.blogContent h3{
    font-size: 22px;
    line-height: 28px;
    color: #333333;
    font-weight: 600;
    margin: 0 0 27px;
}
.blogContent h3 a{
    color: inherit;
}
.blogContent h3 a:hover{
    color: #e70012;
}
.bpcon{
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 18px 0 0;
}
.bpcon:after{
    position: absolute;
    left: -29px;
    top: 0;
    width: calc(100% + 58px);
    content: '';
    height: 1px;
    background: #dddddd;
}
.bpcon a{
    display: inline-block;
    font-size: 17px;
    color: #7c7c7c;
}
.bpcon a.author{
    font-size: 14px;
}
.bpcon a.author img{
    position: relative;
    top: -2px;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    margin-right: 10px;
}
.bpcon a:hover{
    color: #e70012;
}

/*--- Call To Action ---*/
.ctaCon{
    position: relative;
    padding: 158px 0 0 30px;
}
.ctaCon h4{
    font-style: italic;
    color: #fff;
    margin: 0 0 8px;
    font-size: 59.51px;
    line-height: 1;
    -webkit-transform: rotate(-9deg);
    -moz-transform: rotate(-9deg);
    transform: rotate(-9deg);
}
.ctaCon h4 span{
    font-size: 25.7px;
    font-weight: 400;
}
.ctaCon h2{
    margin: 0 0 0 -15px;
    font-style: italic;
    color: #e70012;
    font-size: 110.85px;
    letter-spacing: -3.3px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1;
    -webkit-transform: rotate(-9deg);
    -moz-transform: rotate(-9deg);
    transform: rotate(-9deg);
}
.ctaCon h3{
    font-style: italic;
    margin: -21px 0 42px 37px;
    color: #fff;
    font-size: 73px;
    font-weight: 800;
    line-height: 1;
    -webkit-transform: rotate(-9deg);
    -moz-transform: rotate(-9deg);
    transform: rotate(-9deg);
}
.ctaCon h3 span{
    font-size: 32.33px;
    font-weight: 500;
    position: relative;
    top: -25px;
}
.ctaCon .berpo_btn{
    margin-left: 120px;
}

/*--- Footer 01 ---*/
.footer_01{
    position: relative;
    background: url(../images/bg/footer.jpg) no-repeat center center / cover;
    padding: 120px 0 0
}
.aboutWidget{
    position: relative;
    padding-right: 50px;
    margin-top: -12px;
}
.aboutWidget img{
    max-width: 100%;
    height: auto;
}
.aboutWidget p{
    color: #bbbbbb;
    font-size: 16px;
    line-height: 22px;
    margin: 27px 0 41px;
}
.abIcon{
    font-family: 'Fira Sans', sans-serif;
    margin: 0 0 16px;
    min-height: 35px;
    position: relative;
    padding-left: 50px;
    font-size: 16px;
    color: #bbbbbb;
    line-height: 29px;
    font-weight: 500;
}
.abIcon i{
    width: 35px;
    height: 35px;
    font-size: 12px;
    line-height: 35px;
    background: #e70012;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}
.wsubtitle{
    display: block;
    font-size: 12px;
    line-height: .8;
    font-weight: 500;
    color: #e70012;
    letter-spacing: .36px;
    margin: 0 0 8px;
}
.widget_title {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: .40px;
    color: #ffffff;
    text-transform: uppercase;
    margin: 0 0 40px;
}
.pp_post_item{
    position: relative;
    min-height: 75px;
    margin: 0 0 20px;
    padding: 6px 0 0 110px;
}
.pp_post_item img{
    width: 85px;
    height: 75px;
    border-radius: 11px;
    position: absolute;
    left: 0;
    top: 0;
}
.pp_post_item span{
    display: block;
    color: #ec1c33;
    font-size: 12px;
    line-height: .8;
    letter-spacing: .24px;
    margin: 0 0 9px;
}
.pp_post_item a{
    font-family: 'Fira Sans', sans-serif;
    display: block;
    font-size: 18px;
    color: #dddddd;
    line-height: 25px;
    font-weight: 500;
}
.pp_post_item a:hover{
    color: #e70012;
}
.widget ul.menu{
    margin: -10px 0 0;
    padding: 0;
}
.footer_01 .widget ul.menu li{
    font-family: 'Fira Sans', sans-serif;
}
.widget ul.menu li {
    position: relative;
    font-size: 16px;
    display: block;
    color: #bbbbbb;
    font-weight: 400;
    line-height: 36px;
    padding-left: 22px;
    margin: 0 0 14px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.widget ul.menu li:after{
    content: "\ef55";
    font-family: 'themewar' !important;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 12px;
    color: inherit;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.widget ul.menu li a {
    color: inherit;
}
.widget ul.menu li:hover{
    padding-left: 18px;
}
.widget ul.menu li:hover a{
    color: #e70012;
}
.widget ul.menu li:hover:after{
    color: #e70012;
}
.gallery{
    margin-right: -15px;
    margin-left: -8px;
}
.galleryShots{
    position: relative;
}
.galleryShots a{
    position: relative;
    display: inline-block;
    float: left;
    width: 95px;
    height: 91px;
    margin: 0;
}
.galleryShots a:after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    content: '';
    background: #e70012;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.galleryShots a:hover::after {
    opacity: .85;
}
.galleryShots a:before {
    width: 40px;
    height: 40px;
    background: transparent;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    content: "\fc07";
    font-family: 'themewar' !important;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
    -webkit-transform: translate3d(0, 20px, 0);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.galleryShots a:hover:before{
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}
.galleryShots img{
    width: 100%;
    height: 100%;
}

/*--- Mailchimp ---*/
.SubsrcribeForm,
.SubsrcribeForm .yikes-easy-mc-form{
    position: relative;
}
.SubsrcribeForm .yikes-easy-mc-form input[type="email"]{
    font-size: 13px;
    height: 60px;
    width: 100%;
    font-weight: 400;
    color: #8c8c8c;
    outline: none;
    border: none;
    letter-spacing: .26px;
    background: #ffffff;
    border-radius: 50px;
    padding: 0 45px;
    margin: 0 !important;
}
.SubsrcribeForm .yikes-easy-mc-form input[type="email"]::-moz-placeholder{
    color: #8c8c8c;
    opacity: 1; 
}
.SubsrcribeForm .yikes-easy-mc-form input[type="email"]::-ms-input-placeholder{
    color: #8c8c8c;
    opacity: 1; 
}
.SubsrcribeForm .yikes-easy-mc-form input[type="email"]::-webkit-input-placeholder{
    color: #8c8c8c;
    opacity: 1; 
}
.SubsrcribeForm .yikes-easy-mc-form .yikes-easy-mc-submit-button {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    height: 60px;
    padding: 0 41px;
    border: none;
    background: #1b1b1b;
    letter-spacing: .26px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    width: auto;
    margin: 0 !important;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.SubsrcribeForm .yikes-easy-mc-form .yikes-easy-mc-submit-button:hover{
    background: #e70012;
    color: #fff;
}
.yikes-easy-mc-form input[type="email"]:focus,
.yikes-easy-mc-form .yikes-easy-mc-submit-button:focus{
    box-shadow: none !important;
    outline: none !important;
}
.yikes-mailchimp-container .edit-link{
    display: none !important;
}
.SubsrcribeForm .yikes-easy-mc-success-message{
    padding: 10px 20px;
    font-size: 16px;
    margin: 0 0 20px;
    background: #fff;
    color: #232424;
    text-align: center;
}
.SubsrcribeForm .yikes-easy-mc-form .field-no-label, .SubsrcribeForm .yikes-easy-mc-form label{
    margin: 0;
}

.Copyright{
    position: relative;
    font-size: 15px;
    line-height: 26px;
    color: #ebebeb;
    font-weight: 500;
    letter-spacing: .37px;
    margin: 0;
    padding: 26px 0;
}
.Copyright span{
    text-transform: uppercase;
}
.Copyright a,
.Copyright span{
    display: inline-block;
    color: #e70012;
}
.Copyright a:hover{
    color: #ebebeb;
}

/*------------------------------------------------------
/ 2. Home Page 02
/------------------------------------------------------*/
/*--- Header 01 ---*/
.header02{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: transparent;
    z-index: 5;
    padding: 0 85px 0 40px;
}
.header02 .navbar01{
    background: transparent;
    padding: 0;
    border-radius: 0;
}
.header02 .logo{
    padding: 28px 60px 26px 0;
    line-height: 64px;
    border-right: 1px solid #3e404e;
}
.header02 .logo img{
    height: 64px;
}
.header02 .mainMenu{
    margin-right: auto;
    padding-left: 58px;
}
.header02 .mainMenu ul li > a{
    padding: 52px 15px 41px;
    color: #fff;
    font-family: 'Jost', sans-serif;
    font-weight: 700;
}
.header02 .mainMenu ul li.menu-item-has-children > a::before{
    font-weight: 500;
    right: 1px;
    top: calc(50% + 7px);
}
.header02 .mainMenu ul li:hover > a {
    color: #2963b7;
}
.header02 .mainMenu ul li .sub-menu li.current-menu-item > a, 
.header02 .mainMenu ul li .sub-menu li:hover > a {
    color: #fff;
    background: #2963b7;
}
.header02 .mainMenu ul .sub-menu li.menu-item-has-children > a::before{
    right: 19px;
    top: calc(50% - 4px);
    font-weight: 400;
}
.header02 .showcase h5 span{
    color: #2963b7;
}
.header02 .mainMenu ul li .sub-menu{
    border-color: #2963b7;
}
.accessNav .topsocial{
    position: relative;
}
.accessNav .topsocial:after{
    position: absolute;
    left: -13px;
    top: -43px;
    width: 1px;
    height: 120px;
    content: '';
    background: #3e404e;
}
.accessNav .topsocial a{
    background: transparent;
    width: auto;
    height: auto;
    color: #fff;
    font-size: 17px;
    margin-left: 21px;
}
.accessNav .topsocial a:hover{
    color: #2963b7;
}
.header02 .accessNav .search_btn{
    color: #181818;
    font-size: 15px;
    width: 41px;
    height: 41px;
    line-height: 41px;
    background: #fff;
    margin-left: 67px;
}
.header02 .accessNav .search_btn:after{
    position: absolute;
    left: -31px;
    top: -40px;
    width: 1px;
    height: 120px;
    content: '';
    background: #3e404e;
}
.header02 .accessNav .search_btn:hover{
    background: #2963b7;
    color: #fff;
}
.infoHead{
    position: relative;
    padding-left: 56px;
    margin-left: 69px;
}
.infoHead:after{
    position: absolute;
    left: -43px;
    top: -39px;
    width: 1px;
    height: 120px;
    content: '';
    background: #3e404e;
}
.infoHead i{
    color: #181818;
    font-size: 18px;
    width: 41px;
    height: 41px;
    border-radius: 50%;
    background: #fff;
    line-height: 41px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.infoHead i.twi-phone-volume {
    transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.infoHead h5{
    color: #2963b7;
    font-size: 15px;
    font-weight: 500;
    line-height: 23px;
    margin: -2px 0 0;
}
.infoHead h5 span{
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    display: block;
}

/*--- Experince ---*/
.expCount{
    min-height: 170px;
    position: relative;
    border: 10px solid #2963b7;
    display: flex;
    justify-content: center;
    min-width: 100%;
    align-items: center;
    margin-bottom: 65px;
}
.expCount:after{
    position: absolute;
    left: 0;
    right: 0;
    top: -10px;
    height: 10px;
    width: calc(100% - 154px);
    margin: auto;
    content: '';
    background: #fff;
}
.expCount:before{
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    height: 10px;
    width: calc(100% - 154px);
    margin: auto;
    content: '';
    background: #fff;
}
.expCount h2{
    font-size: 90px;
    font-weight: 600;
    margin: 0;
}
.expCount p{
    font-size: 17px;
    line-height: 20px;
    color: #5f5f5f;
    font-weight: 500;
    margin: 0 0 0 15px;
}

/*--- Service Box 01 ---*/
.serviceSlider.owl-carousel .owl-stage-outer {
    height: calc(100% + 30px);
    margin: -15px;
    padding: 15px;
    width: calc(100% + 30px);
}
.serviceSlider .owl-item.active .service_item_03 {
    box-shadow: 0px 9px 35px 0px rgba(33, 37, 41, 6.37);
}
.serviceSlider .service_item_03{
    box-shadow: none;
}
.service_item_03{
    margin: 115px 15px 30px;
    padding: 0 30px 25px;
    text-align: center;
    position: relative;
    1background: #fff;
    border-radius: 5px;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -webkit-box-shadow: 0px 3px 103px 0px rgba(46, 46, 46, 0.17);
    -moz-box-shadow:    0px 3px 103px 0px rgba(46, 46, 46, 0.17);
    box-shadow:         0px 3px 103px 0px rgba(46, 46, 46, 0.17);
}
.service_item_03 .siThumb{
    position: relative;
    top: -86px;
    margin: 0 0 -61px;
}
.service_item_03 .siThumb img{
    width: 100%;
    height: auto;
    border-radius: 5px;
}
.service_item_03 h3{
    font-size: 23px;
    line-height: 30px;
    font-weight: 800;
    color: #0f0d1d;
    margin: 0 0 3px;
}
.service_item_03 h3 a{
    color: inherit;
}
.service_item_03 h3 a:hover{
    color: #2963b7;
}
.service_item_03 p{
    font-family: 'Fira Sans', sans-serif;
    color: #fff;
    font-size: 18px;
    line-height: 23px;
    margin: 0;
}
.serviceSlider.owl-carousel .owl-nav{
    width: 100%;
}
.serviceSlider.owl-carousel  .owl-nav button {
    position: absolute;
    left: -94px;
    top: 31%;
    text-align: center;
    z-index: 5;
    font-size: 15px;
    line-height: 58px;
    width: 58px;
    height: 58px;
    background: #2963b7;
    color: #f0f0f0;
    border: none;
    outline: none;
    z-index: 1;
    border-radius: 50%;
    display: block;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.serviceSlider.owl-carousel  .owl-nav button.owl-next {
    left: auto;
    right: -94px;
}
.serviceSlider.owl-carousel  .owl-nav button:hover{
    background: #f47115;
    color: #fff;
}

/*--- Icon Box ---*/
.icon_box_01{
    position: relative;
    min-height: 67px;
    margin: 0 0 20px;
    padding: 0 0 0 99px;
}
.icon_box_01 i{
    width: 67px;
    height: 67px;
    background: #ebf1ff;
    line-height: 67px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 34px;
    color: #2963b7;
}
.icon_box_01 i.twi-phone-volume:before{
    display: inline-block;
    transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.icon_box_01 h5{
    font-size: 19px;
    line-height: 30px;
    color: #767676;
    font-weight: 400;
    margin: 0;
}
.icon_box_01 h5 span{
    display: block;
    color: #000000;
    font-size: 18px;
    margin: 4px 0 0;
}

/*--- Tab ---*/
.beproTab02{
    position: absolute;
    left: 0;
    top: 7px;
    z-index: 2;
    margin: 0;
    padding: 0;
    display: block;
}
.beproTab02 li{
    list-style: none;
    display: block;
}
.beproTab02 li a{
    display: inline-block;
    height: 74px;
    background: #fff;
    border-radius: 5px;
    font-size: 17px;
    color: #282331;
    padding: 25px 24px;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 600;
    line-height: .8;
    margin: 0 0 9px;
    -webkit-box-shadow: 0px 0 59px 0px rgba(196, 196, 196, 0.26);
    -moz-box-shadow:    0px 0 59px 0px rgba(196, 196, 196, 0.26);
    box-shadow:         0px 0 59px 0px rgba(196, 196, 196, 0.26);
}
.beproTab02 li a i{
    display: inline-block;
    color: #b587fb;
    font-size: 23.44px;
    margin-right: 20px;
    position: relative;
    top: 4px;
}
.beproTab02 li a:hover{
    color: #2963b7;
}
.beproTab02 li a.active{
    margin-left: 10px;
}
.beproTab02 li:nth-child(2) a i{
    color: #fec0fa;
}
.beproTab02 li:nth-child(3) a i{
    color: #a2fde4;
}

.beproTabCon02{
    position: relative;
    padding-left: 120px;
}
.beproTabCon02 > img{
    max-width: 100%;
    height: auto;
    border-radius: 5px;
}
.beproTabCon02 .bptleft{
    position: relative;
    margin: -49px 0 0 -123px;
    z-index: 2;
}
.tabVideo{
    position: relative;
    float: right;
    width: 259px;
    height: 171px;
    padding: 53px 58px 0;
    margin: -139px -39px 0 0;
}
.tabVideo img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 9px;
}
.tabVideo .popup_video{
    background: transparent;
    width: auto;
    height: auto;
    font-size: 29px;
    color: #fff;
    line-height: .8;
}
.tabVideo .popup_video:hover{
    color: #2963b7;
}
.tabVideo .popup_video:after,
.tabVideo .popup_video:before{
    display: none;
}
.tabVideo h5{
    font-size: 20.24px;
    line-height: 23.45px;
    color: #fff;
    text-transform: uppercase;
    margin: 5px 0 0;
    position: relative;
}

/*--- Folio Item ---*/
.folioSlider01.owl-carousel{
    margin: 0 0;
    position: relative;
}
.folioItem01{
    margin: 20px 0 45px;
    position: relative;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.folioItem01 img{
    width: 100%;
    height: auto;
    border-radius: 10px;
}
.folioItem01:after{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: '';
    border-radius: 10px;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    background: rgba(255, 255, 255, .87);
    -webkit-transition: -webkit-transform .4s cubic-bezier(.34,.66,.79,.58),opacity .3s cubic-bezier(.165,.84,.44,1);
    -moz-transition: -webkit-transform .4s cubic-bezier(.34,.66,.79,.58),opacity .3s cubic-bezier(.165,.84,.44,1);
    transition: transform .4s cubic-bezier(.34,.66,.79,.58),opacity .3s cubic-bezier(.165,.84,.44,1);
    opacity: 0;
}
.folioItem01:hover:after{
    opacity: 1;
}
.folioItem01:hover{
    border-radius: 10px;
    -webkit-box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.20);
    -moz-box-shadow:    0px 15px 40px 0px rgba(0, 0, 0, 0.20);
    box-shadow:         0px 15px 40px 0px rgba(0, 0, 0, 0.20);
}
.folioHover{
    font-family: 'Fira Sans', sans-serif;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
    text-align: center;
    padding: 0 15px;
    z-index: 2;
}
.folioHover .fm-more{
    position: relative;
    right: auto;
    display: inline-block;
    background: #2963b7;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    text-align: center;
    font-size: 22.52px;
    color: #fff;
    line-height: 52px;
    margin: 0;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    transform: scale(.8);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.folioHover .fm-more:hover{
    background: #e70012;
    color: #fff;
}
.folioHover h4 {
    font-size: 30px;
    line-height: 35px;
    color: #26263e;
    font-weight: 600;
    margin-bottom: 24px;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.folioHover h4 a{
    color: inherit;
}
.folioHover h4 a:hover{
    color: #2963b7;
}
.folioHover p{
    font-size: 18px;
    letter-spacing: -.36px;
    color: #787887;
    margin: 0 0 2px;
    transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.folioItem01:hover .folioHover .fm-more{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    visibility: visible;
    opacity: 1;
}
.folioItem01:hover .folioHover h4{
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    visibility: visible;
    opacity: 1;
}
.folioItem01:hover .folioHover p{
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    visibility: visible;
    opacity: 1;
}

/*--- Skill Bars ---*/
.single_skill{
    position: relative;
    margin: 9px 0 0;
}
.single_skill h5{
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
    text-transform: uppercase;
    color: #101a25;
    margin: 0 0 2px 4px;
}
.ss_parent{
    position: relative;
    background: transparent;
    border: 2px solid #dcdcdc;
    height: 24px;
    width: 100%;
    border-radius: 50px;
}
.ss_parent span{
    font-family: 'Fira Sans', sans-serif;
    position: absolute;
    font-size: 15px;
    color: #101a25;
    font-weight: 500;
    line-height: 24px;
    margin: 0 0 0 -22px;
    left: 0;
    top: -28px;
}
.ss_child{
    position: absolute;
    left: 3px;
    top: 3px;
    border-radius: 50px;
    height: 14px;
    background: #2963b7;
}

/*--- Icon box ---*/
.icon_box_02{
    padding-left: 124px;
    position: relative;
    margin-top: 7px;
}
.icon_box_02 img{
    position: absolute;
    left: 0;
    top: 0;
}
.icon_box_02 i{
    font-size: 80px;
    line-height: 80px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 11px;
    z-index: 2;
}
.icon_box_02 h3{
    color: #ffffff;
    font-size: 35px;
    line-height: 50px;
    font-weight: 600;
    margin: 0;
}

/*--- Pricing ---*/
.pricingTabInner{
    position: relative;
    margin: 0 0 55px;
    padding: 0;
    display: block;
}
.pricingTabInner li{
    list-style: none;
    display: block;
    margin: 0 0 6px;
}
.pricingTabInner li a{
    font-family: 'Fira Sans', sans-serif;
    display: block;
    position: relative;
    height: 142px;
    border-radius: 10px;
    border: 1px solid #eaeaea;
    padding: 30px 31px 20px 122px;
    -webkit-box-shadow: 0px 18px 40px 0px rgba(43, 43, 43, 0.08);
    -moz-box-shadow:    0px 18px 40px 0px rgba(43, 43, 43, 0.08);
    box-shadow:         0px 18px 40px 0px rgba(43, 43, 43, 0.08);
}
.pricingTabInner li a:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    content: '';
    background: #2963b7;
    mix-blend-mode: multiply;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.pricingTabInner li a img{
    height: 100%;
    width: 100%;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 0;
}
.pricingTabInner li .p-title{
    position: relative;
    z-index: 2;
    font-size: 25px;
    display: block;
    color: #fff;
    font-weight: 500;
    margin: 0 0 2px;
}
.pricingTabInner li .p-off{
    display: inline-block;
    height: 33px;
    background: #fff;
    border-radius: 50px;
    color: #2963b7;
    font-size: 12.16px;
    line-height: 36px;
    text-align: center;
    padding: 0 17px;
    position: relative;
    z-index: 2;
    text-transform: capitalize;
}
.pricingTabInner li .p-price{
    justify-content: flex-end;
    position: relative;
    z-index: 2;
    color: #fff;
    font-size: 45px;
    line-height: 60px;
    font-weight: 800;
    text-transform: capitalize;
    margin: -62px 0 0;
}
.pricingTabInner li .p-price .price_period{
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
}
.pricingTabInner li .p-price .price_period.active {
    visibility: visible;
    opacity: 1;
}
.pricingTabInner li .p-price .price_period span{
    font-size: 18px;
    font-weight: 500;
    position: relative;
    top: 10px;
    margin: 0 0 0 11px;
}

.pricingTabInner li a:hover:after,
.pricingTabInner li a.active:after{
    visibility: visible;
    opacity: 1;
}
.pricingTabInner li a .round{
    width: 31px;
    height: 31px;
    background: transparent;
    border: 3px solid #fff;
    border-radius: 50%;
    position: absolute;
    left: 31px;
    display: block;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
}
.pricingTabInner li a .round:after{
    width: 15px;
    height: 15px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: '';
    margin: auto;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.pricingTabInner li a.active .round:after{
    visibility: visible;
    opacity: 1;
}
.pricingTabInner li a:before{
    width: 79px;
    height: 1px;
    background: #2963b7;
    position: absolute;
    z-index: 3;
    top: 0;
    left: -79px;
    bottom: 0;
    content: '';
    margin: auto;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.pricingTabInner li a.active:before{
    visibility: visible;
    opacity: 1;
    left: -102px;
}
.tabList{
    position: relative;
    background: url(../images/bg/10.jpg) no-repeat center center / cover;
    padding: 158px 75px 23px;
    border-radius: 10px;
    margin-right: 10px;
}
.tabList ul{
    margin: 0;
    padding: 0;
}
.tabList ul li{
    list-style: none;
    display: block;
    font-size: 20px;
    font-weight: 500;
    color: #1f1f1f;
    font-family: 'Fira Sans', sans-serif;
    border-bottom: 1px solid #e9e9e9;
    margin: 0 0 18px;
    padding: 0 0 20.5px;
}
.tabList ul li:last-child{
    border: none;
}
.tabList ul li i{
    display: inline-block;
    float: right;
    clear: both;
    color: #2963b7;
}
.tabList ul li.disable i{
    color: #adadad;
}
.pcTab02{
    display: inline-block;
    border: 1px solid #eaeaea;
    border-radius: 50px;
    height: 57px;
    padding: 0;
    position: absolute;
    left: 77px;
    top: 52px;
    z-index: 3;
    background: #fff;
}
.pcTab02 a{
    font-family: 'Fira Sans', sans-serif;
    display: inline-block;
    height: 100%;
    background: transparent;
    color: #616368;
    font-weight: 500;
    border-radius: 50px;
    text-align: center;
    font-size: 18px;
    color: #20204c;
    padding: 14px 29px;
}
.pcTab02 a:hover{
    color: #2963b7;
}
.pcTab02 a.active{
    background: #2963b7;
    color: #fff;
}
.berpo_btn.prbtn{
    width: 100%;
    border-radius: 10px;
    height: 92px;
    text-align: center;
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 92px;
    color: #fff;
}

/*--- Team Member ---*/
.team_02 {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.team_02 img{
    width: 100%;
    height: auto;
}
.team_02:after{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    background: -moz-linear-gradient(90deg,rgba(0,0,0,1) 5%,rgba(255,255,255,.0) 55%);
    background: -webkit-linear-gradient(90deg,rgba(0,0,0,1) 5%,rgba(255,255,255,.0) 55%);
    background: -o-linear-gradient(90deg,rgba(0,0,0,1) 5%,rgba(255,255,255,.0) 55%);
    background: -ms-linear-gradient(90deg,rgba(0,0,0,1) 5%,rgba(255,255,255,.0) 55%);
    background: linear-gradient(0deg,rgba(0,0,0,1) 5%,rgba(255,255,255,.0) 55%);
    width: 100%;
    height: 100%;
    content: '';
}
.tm_content{
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    padding: 0 70px;
}
.tm_content p{
    font-size: 14px;
    color: #dedddd;
    line-height: 16px;
    text-transform: uppercase;
    margin: 0 0 4px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.tm_content h3 {
    font-size: 35px;
    line-height: 45px;
    color: #fffefe;
    font-weight: 800;
    margin: 0 0 -5px;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.tm_content h3 a {
    color: inherit;
}
.tm_content h3 a:hover{
    color: #2963b7;
}
.team_02:hover .tm_content p,
.team_02:hover .tm_content h3{
    transform: translate3d(0, -36px, 0);
    -moz-transform: translate3d(0, -36px, 0);
    -webkit-transform: translate3d(0, -36px, 0);
}
.tm_content .tm_social{
    position: relative;
    transform: none;
    text-align: left;
    top: auto;
    bottom: 20px;
}
.tm_content .tm_social a{
    display: inline-block;
    margin: 0 6px 0 0;
    position: relative;
    z-index: 2;
    color: #2963b7;
    text-align: center;
    font-size: 15px;
    visibility: hidden;
    opacity: 0;
}
.tm_content .tm_social a i{
    font-size: inherit;
    margin: 0;
}
.tm_content .tm_social a:hover {
    color: #ffffff;
}
.team_02 a:nth-child(2) {
    -webkit-transition: all 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);;
    transition: all 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, 70px, 0);
    -moz-transform: translate3d(0, 70px, 0);
    -webkit-transform: translate3d(0, 70px, 0);
}
.team_02 a:nth-child(3) {
    -webkit-transition: all 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 650ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, 70px, 0);
    -moz-transform: translate3d(0, 70px, 0);
    -webkit-transform: translate3d(0, 70px, 0);
}
.team_02 a:nth-child(4) {
    -webkit-transition: all 750ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 750ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 750ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, 70px, 0);
    -moz-transform: translate3d(0, 70px, 0);
    -webkit-transform: translate3d(0, 70px, 0);
}
.team_02 a:nth-child(05){
    -webkit-transition: all 850ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 850ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 850ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, 70px, 0);
    -moz-transform: translate3d(0, 70px, 0);
    -webkit-transform: translate3d(0, 70px, 0);
}
.team_02:hover .tm_social a{
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}
.tmSlider02.owl-carousel .owl-nav{
    width: 100%;
}
.tmSlider02.owl-carousel .owl-nav button {
    position: absolute;
    left: -110px;
    top: 48%;
    text-align: center;
    z-index: 5;
    font-size: 15px;
    line-height: 59px;
    width: 58px;
    height: 58px;
    background: #c9c9c9;
    color: #030403;
    border: none;
    outline: none;
    z-index: 1;
    border-radius: 50%;
    display: block;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.tmSlider02.owl-carousel  .owl-nav button.owl-next {
    left: auto;
    right: -110px;
}
.tmSlider02.owl-carousel  .owl-nav button:hover{
    background: #2963b7;
    color: #fff;
}
.tmSlider02.owl-carousel .owl-item:first-child.active .team_02 img{
    border-radius: 5px 0 0 5px;
}

/*--- Funfact ---*/
.funfact{
    position: relative;
    padding: 0 0 0 90px;
}
.funfact i{
    color: #2963b7;
    font-size: 48px;
    line-height: 48px;
    position: absolute;
    left: 0;
    top: 3px;
}
.funfact h2{
    font-size: 40px;
    line-height: 1;
    color: #fff;
    letter-spacing: -1.2px;
    margin: 0 0 7px;
}
.funfact h2 sup{
    font-size: inherit;
    top: 0;
    font-style: normal;
}
.funfact h5{
    font-size: 15px;
    color: #e2e2e2;
    font-weight: 500;
    letter-spacing: -.15px;
    line-height: 20px;
    margin: 0;
    text-transform: uppercase;
}

/*--- Blog Item ---*/
.blogItem02{
    position: relative;
    border-bottom: 1px solid #eeeeee;
    padding: 0 0 63px;
    margin: 0 0 58px;
}
.blogItem02.bireverse:last-child,
.blogItem02:last-child{
    border: none;
    padding: 0;
    margin: 0;
}
.blogItem02 .col-lg-4 {
    -ms-flex: 0 0 35.333333%;
    flex: 0 0 35.333333%;
    max-width: 35.333333%;
}
.blogItem02 .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 64.666667%;
    max-width: 64.666667%;
}
.blogItem02 .blogContent{
    text-align: right;
    position: relative;
    padding: 84px 0 0 5px;
}
.blogItem02 .blogContent h3{
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    color: #1c1c1c;
    margin: 0 0 12px;
}
.blogItem02 .blogContent h3 a:hover{
    color: #2963b7;
}
.blogItem02 .blogContent p{
    margin: 0 0 42px;
}
.blogItem02 .berpo_btn.with_icon{
    padding: 0 34px;
}
.blogThumb02{
    position: relative;
    margin-left: 1px;
}
.blogThumb02 img{
    width: 100%;
    height: auto;
    border-radius: 175px;
}
.blogThumb02 .bmeta{
    height: 43px;
    background: #2963b7;
    border-radius: 50px;
    text-align: center;
    display: inline-block;
    font-size: 12px;
    line-height: 38px;
    font-weight: 500;
    color: #fff;
    font-family: 'Fira Sans', sans-serif;
    letter-spacing: -.48px;
    margin: 0;
    padding: 0 15px;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 39px;
    border: 3px solid #fff;
}
.blogThumb02 .bmeta i{
    display: inline-block;
    font-size: 10.16px;
    margin-right: 3px;
    color: inherit;
}
.bireverse .blogThumb02{
    margin-right: 1px;
    margin-left: 0;
}
.bireverse .blogContent{
    padding-right: 5px;
    padding-left: 0;
}
.bireverse .blogThumb02 .bmeta{
    left: auto;
    right: 0;
}

/*--- Testmonial ---*/
.testimonialslider02.owl-carousel{
    position: relative;
    padding: 0 200px;
}
.testiItem02{
    position: relative;
    text-align: center;
}
.testimonialslider02 .testiItem02 > img{
    width: 89px;
    height: 89px;
    border-radius: 50%;
    display: inline-block;
}
.testiItem02 .quotation{
    font-size: 17px;
    line-height: 31px;
    color: #303030;
    margin: 21px 0 26px;
}
.testiItem02 .ts_author{
    margin: 0;
    padding: 0;
    min-height: auto;
}
.testiItem02 .ts_author h5{
    color: #303030;
    font-size: 18px;
    font-weight: 800;
    line-height: 27px;
    margin: 0;
}
.testiItem02 .ts_author h5 span{
    color: #303030;
    display: block;
    line-height: 20px;
    font-size: 15px;
    font-weight: 400;
}
.quote{
    position: absolute;
    left: 0;
    right: 0;
    top: 88px;
    text-align: center;
    display: block;
}
.testiItem02 .quote img{
    display: inline-block;
    width: 256px;
    height: 182px;
}
.testimonialslider02.owl-carousel .owl-dots{
    margin: 29px 0 0;
    padding: 0;
    text-align: center;
}
.testimonialslider02.owl-carousel .owl-dots button span{
    display: none;
}
.testimonialslider02.owl-carousel .owl-dots button{
    display: inline-block;
    position: relative;
    width: 9px;
    height: 9px;
    background: #000000;
    border-radius: 50%;
    margin: 0 4px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.testimonialslider02.owl-carousel .owl-dots button:after{
    width: 12px;
    height: 12px;
    position: absolute;
    left: -2px;
    top: -1.5px;
    content: '';
    background: #e3e3e3;
    border-radius: 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.testimonialslider02.owl-carousel .owl-dots button:hover:after,
.testimonialslider02.owl-carousel .owl-dots button.active:after{
    visibility: visible;
    opacity: 1;
}

/*--- Footer ---*/
.ctaFooter{
    display: flex;
    position: relative;
    background: #f3f6fa;
    1border-radius: 100px;
    padding: 38px 45px;
    1margin-top: 30px;
   1margin-bottom: 101px;
}
.ctaboxItem{
    position: relative;
    width: 100%;
    height: 144px;
    margin: 0 8px;
    padding: 42px 20px 20px 136px;
}
.ctaboxItem:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(35, 35, 35, .8);
    border-radius: 70px;
}
.ctaboxItem img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 70px;
}
.ctaboxItem > i{
    width: 84px;
    height: 84px;
    border-radius: 50%;
    background: #2963b7;
    color: #fff;
    line-height: 85px;
    font-size: 35px;
    text-align: center;
    display: block;
    position: absolute;
    left: 29px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
}
.ctaboxItem h5{
    position: relative;
    z-index: 2;
    font-size: 25px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 4px;
}
.ctaboxItem a{
    font-family: 'Fira Sans', sans-serif;
    position: relative;
    z-index: 2;
    display: inline-block;
    font-size: 15px;
    color: #939393;
    text-transform: uppercase;
    font-weight: 500;
}
.ctaboxItem a i{
    position: relative;
    top: 1px;
    color: #fff;
    margin-left: 8px;
}
.ctaboxItem a:hover{
    color: #2963b7;
}
.footer_02{
    position: relative;
    padding: 0 0 0;
    1background: url(../images/bg/12.jpg) no-repeat center center / cover; background:#2963b7; margin-top:30px;
}
.footer_02:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    1background: rgba(15, 17, 20, .86);
}
.footer_02 .container{
    position: relative;
    z-index: 2;
}
.abw02{
    padding-right: 0;
}
.abw02 p{
    font-size: 17px;
    color: #d9d9d9;
    line-height: 27px;
    margin: 21px 0 31px;
}
.twiiterFedd{
    position: relative;
    padding-left: 62px;
}
.twiiterFedd i{
    width: 44px;
    height: 42px;
    background: #2963b7;
    line-height: 44px;
    color: #fff;
    font-size: 18px;
    position: absolute;
    left: 0;
    top: 4px;
    text-align: center;
}
.twiiterFedd h5{
    font-size: 18px;
    line-height: 27px;
    color: #fff;
    font-weight: 500;
    margin: 0;
}
.twiiterFedd h5 span{
    display: block;
    color: #69717c;
    font-weight: 400;
}
.widget_title02{
    position: relative;
    font-size: 24px;
    line-height: 27px;
    color: #fff;
    font-weight: 600;
    margin: 0 0 49px;
}
.widget_title02:after{
    position: absolute;
    left: 0;
    bottom: -15px;
    width: 70px;
    height: 1px;
    background: #2963b7;
    content: '';
}
.widget_title02:before{
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 38px;
    height: 1px;
    background: #2963b7;
    content: '';
}
.wmenu02 ul.menu{
    margin: 0;
}
.wmenu02 ul.menu li{
    color: #ffffff;
    font-size: 18px;
    margin: 0 0 4px;
}
.wmenu02 ul.menu li:after{
    font-size: 15px;
    top: 1px;
    color: inherit;
    content: "\ef2b";
}
.wmenu02 ul.menu li:hover a {
    color: #2963b7;
}
.wmenu02 ul.menu li:hover:after{
    color: #2963b7;
}
.pp_post_item02{
    position: relative;
    padding-left: 94px;
    min-height: 81px;
    padding-top: 12px;
    margin: 0 0 38px;
}
.pp_post_item02 img{
    width: 81px;
    height: 81px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
}
.pp_post_item02 a{
    font-size: 18px;
    color: #ffffff;
    font-weight: 500;
    line-height: 30px;
    display: inline-block;
    margin: 0 0 1px;
}
.pp_post_item02 a:hover{
    color: #2963b7;
}
.pp_post_item02 span{
    display: block;
    font-size: 14px;
    color: #dadada;
}
.pp_post_item02 span i{
    display: inline-block;
    font-size: 13px;
    margin-right: 4px;
}
.footer_02 .Copyright{
   1 margin-top: 32px;
    padding: 21px 0;
    font-weight: 500;
    letter-spacing: .37px;
   1border-top: 1px solid #252525;
}
.footer_02 .Copyright a, .footer_02 .Copyright span{
    color: #2963b7;
}
.footer_02 .Copyright a:hover{
    color: #fff;
}

/*---  ---*/
/*------------------------------------------------------
/ 3. Home Page 03
/------------------------------------------------------*/
.bodybox{
    padding: 0 60px;
}
.homeTop{
    position: relative;
    background: url(../images/bg/13.jpg) no-repeat center center / cover;
    border-radius: 50px;
}
/*--- Header 03 ---*/
.topbar02{
    z-index: 5;
    position: relative;
    background: transparent;
    padding: 4px 0 0;
}
.topbar02 p {
    font-family: 'Fira Sans', sans-serif;
    display: inline-block;
    font-size: 15px;
    line-height: 35px;
    color: #2a2a2a;
    font-weight: 500;
    margin: 0 21px 0 0;
}
.topbar02 p a {
    color: inherit;
}
.topbar02 p a i{
    position: relative;
    top: 1px;
    font-size: 14px;
    margin-right: 10px;
    color: var(--theme-color-three);
}
.topbar02 p a:hover{
    color: var(--theme-color-three);
}
.topbar02 .topsocial a{
    background: transparent;
    color: #2a2a2a;
    font-size: 17px;
    width: auto;
    height: auto;
    margin-left: 20px;
}
.topbar02 .topsocial a:hover{
    color: var(--theme-color-three);
}

.header03{
    position: absolute;
    left: 0;
    top: 40px;
    width: 100%;
    z-index: 6;
}
.header03 .navbar01{
    background: transparent;
    padding: 0;
    border-radius: 0;
    align-items: center;
}
.header03 .logo{
    line-height: 64px;
    padding: 39px 0;
}
.header03 .logo img{
    height: 64px;
}
.header03 .mainMenu ul li > a{
    color: #2a2a2a;
    font-weight: 600;
}
.header03 .mainMenu ul li:hover > a {
    color: var(--theme-color-three);
}
.header03 .mainMenu ul li .sub-menu li.current-menu-item > a, 
.header03 .mainMenu ul li .sub-menu li:hover > a {
    color: #fff;
    background: var(--theme-color-three);
}
.header03 .mainMenu ul li .sub-menu{
    border-color: var(--theme-color-three);
}
.header03 .showcase h5 span{
    color: var(--theme-color-three);
}


/*--- Service Item ---*/
.serviceSlider02.owl-carousel{
    position: relative;
    background: url(../images/bg/7.png) no-repeat top left #fff;
    border-radius: 30px;
}
.service_item_04{
    position: relative;
    text-align: center;
    padding: 92px 55px 72px;
    border-right: 1px solid #f4f4f4;
}
.serviceSlider02.owl-carousel .owl-item:last-child.active .service_item_04{
    border-right: none;
}
.siIcon{
    position: relative;
    z-index: 2;
    color: #040489;
    font-size: 58px;
    line-height: 58px;
    display: block;
    text-align: center;
    margin: 0 0 44px;
}
.siIcon svg{
    width: 105px;
    height: 109px;
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: -24px;
    margin: auto;
    fill: #fffde6;
}
.serviceSlider02 .siIcon img,
.service_item_04 .siIcon img{
    width: 57px;
    height: 57px;
    display: inline-block;
}
.service_item_04 h3{
    font-size: 25px;
    line-height: 31.5px;
    color: #382c4d;
    font-weight: 600;
    margin: 0 0 9px;
}
.service_item_04 h3 a{
    color: inherit;
}
.service_item_04 h3 a:hover{
    color: var(--theme-color-three);
}
.service_item_04 p{
    color: #5b5b5b;
    margin: 0;
}
.serviceSlider02.owl-carousel .owl-nav{
    width: 100%;
}
.serviceSlider02.owl-carousel  .owl-nav button{
    position: absolute;
    left: -94px;
    top: 48%;
    text-align: center;
    z-index: 5;
    font-size: 22px;
    line-height: 66px;
    width: 61px;
    height: 65px;
    background: url(../images/bg/arrow.svg) no-repeat center center / cover;
    color: #382c4d;
    border: none;
    outline: none;
    z-index: 1;
    display: block;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.serviceSlider02.owl-carousel  .owl-nav button.owl-next {
    left: auto;
    right: -94px;
}
.serviceSlider02.owl-carousel  .owl-nav button:hover{
    background: url(../images/bg/arrow_hover.svg) no-repeat center center / cover;
    color: #fff;
}
.it0402 .siIcon svg{
    fill: #effff5;
}
.it0403 .siIcon svg{
    fill: #f7efff;
}
.it0404 .siIcon svg{
    fill: #fffde6;
}

/*--- Skills ---*/
.skItem02{
    position: relative;
    background: #fff;
    border-radius: 50px;
    padding: 11px 50px 23px 110px;
    margin: 0 0 18px;
    max-width: 480px;
    -webkit-box-shadow: -1px 3px 57px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow:    -1px 3px 57px 0px rgba(0, 0, 0, 0.06);
    box-shadow:         -1px 3px 57px 0px rgba(0, 0, 0, 0.06);
}
.skThumb{
    width: 76px;
    height: 76px;
    line-height: 73px;
    background: #ebfafb;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    left: 14px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.skItem02 .ebfafb img{
    width: 47px;
    height: 47px;
}
.skItem02 .single_skill h5{
    color: #382c4d;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 13px;
}
.skItem02 .ss_parent{
    height: 12px;
    border: none;
    background: #ebfafb;
}
.skItem02 .ss_child{
    top: 0;
    left: 0;
    background: var(--theme-color-three);
    height: 100%;
}
.skItem02 .ss_parent span{
    color: #382c4d;
    font-weight: 600;
    top: -37px;
}
.skI02.skItem02 .ss_child{
    background: #2849c8;
}
.skI02.skItem02 .skThumb{
    background: #f6edff;
}
.skI02.skItem02{
    margin-bottom: 44px;
}

/*--- Funfact ---*/
.funfact02{
    position: relative;
    z-index: 2;
    display: inline-block;
    background: #fff;
    border-radius: 50px;
    padding: 30px 36px 22px 72px;
    margin-left: 70px;
    -webkit-box-shadow: -1px 3px 57px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow:    -1px 3px 57px 0px rgba(0, 0, 0, 0.06);
    box-shadow:         -1px 3px 57px 0px rgba(0, 0, 0, 0.06);
}
.funfact02 i{
    font-size: 34px;
    line-height: 34px;
    position: absolute;
    left: 33px;
    top: 42px;
    color: #917afa;
    display: block;
}
.funfact02 h2{
    font-size: 45px;
    line-height: 1;
    color: #382c4d;
    font-weight: 600;
    margin: 0 0 1px;
}
.funfact02 h2 sup {
    font-size: inherit;
    top: 0;
    font-style: normal;
}
.funfact02 h5{
    font-size: 16px;
    color: #a4acbf;
    line-height: 1;
    font-weight: 400;
    margin: 0;
}
.funfact02.iconTop{
    padding: 30px 45px 30px 38px;
}
.funfact02.iconTop i{
    position: relative;
    left: 0;
    top: 0;
    color: #ff5337;
    margin: 0 0 2px;
}

/*--- Work Process ---*/
.workProcess{
    position: relative;
    padding: 0 10px;
}
.proImage{
    position: relative;
    margin: 0 0 0 -103px;
    top: 60px;
    color: #020288;
    font-size: 40px;
}
.workProcess .proImage img{
    width: 54px;
    height: 37px;
}
.workProcess > img{
    width: 215px;
    height: 211px;
}
.workProcess h5{
    color: #ff5337;
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    margin: 28px 0 0;
}
.workProcess h3{
    display: inline-block;
    font-size: 24px;
    line-height: 32px;
    color: #000000;
    font-weight: 500;
    margin: 0 0 10px;
    position: relative;
    z-index: 2;
}
.workProcess h3:after{
    content: '';
    position: absolute;
    left: 3px;
    right: 0;
    bottom: 3px;
    height: 7px;
    z-index: -1;
    border-radius: 50px;
    width: calc(100% - 6px);
    background: #ffeae6;
}
.workProcess p{
    color: #382c4d;
    margin: 0 0 24px;
}
.workProcess a{
    display: inline-block;
    width: 46px;
    height: 46px;
    background: #fff1f1;
    line-height: 46px;
    border-radius: 50%;
    text-align: center;
    color: #382c4d;
    line-height: 46px;
    font-size: 17px;
}
.wp02 a{
    background: #e0faff;
}
.wp02 h3:after{
    background: #e0faff;
}
.wp03 a{
    background: #fffde5;
}
.wp03 h3:after{
    background: #fffde5;
}
.workProcess a:hover{
    background: var(--theme-color-three);
    color: #fff;
}

/*--- Portfolio ---*/
.filter_menu{
    position: relative;
    margin: 53px 0 40px;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    font-family: 'Fira Sans', sans-serif;
}
.filter_menu.text-center{
    justify-content: center;
}
.filter_menu.text-right{
    justify-content: flex-end;
}
.filter_menu.text-left{
    justify-content: flex-start;
}
.filter_menu li{
    cursor: pointer;
    list-style: none;
    display: inline-block;
    font-size: 17px;
    color: #252932;
    font-weight: 500;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.filter_menu li span{
    display: inline-block;
    margin: 0 13px;
    color: #c4c4c4;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.filter_menu li:last-child span{
    margin: 0;
    display: none;
}
.filter_menu li:hover span,
.filter_menu li.active span,
.filter_menu li:hover,
.filter_menu li.active{
    color: var(--theme-color-three);
}
.folioItem02{
    position: relative;
    margin-right: 8px;
    margin-bottom: 40px;
}
.folioItem02.mrleft{
    margin-right: 0;
    margin-left: 8px;
}
.folioItem02 img{
    width: 100%;
    height: auto;
    border-radius: 30px;
}
.folioHover02{
    position: relative;
    display: inline-block;
    background: #fff;
    margin: -150px 0 0 40px;
    border-radius: 50px;
    padding: 22px 52px 24px 38px;
    -webkit-box-shadow: -1px 3px 57px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow:    -1px 3px 57px 0px rgba(0, 0, 0, 0.06);
    box-shadow:         -1px 3px 57px 0px rgba(0, 0, 0, 0.06);
}
.folioHover02 p{
    color: var(--theme-color-three);
    font-size: 13px;
    line-height: 20px;
    margin: 0;
}
.folioHover02 p a{
    color: inherit;
}
.folioHover02 h4{
    font-size: 22px;
    line-height: 30px;
    color: #382c4d;
    font-weight: 600;
    margin: 0;
}
.folioHover02 h4 a{
    color: inherit;
}
.folioHover02 h4 a:hover{
    color: var(--theme-color-three);
}
.shaff_size{
    z-index: -1;
}

/*--- Pricing Tab ---*/
.pricingTab03{
    position: absolute;
    margin: 0;
    padding: 0;
    display: block;
    right: -17%;
    top: 44%;
    z-index: 2;
    text-align: right;
}
.pricingTab03 li{
    list-style: none;
    display: block;
}
.pricingTab03 li a{
    position: relative;
    display: inline-block;
    height: 59px;
    background: #fff;
    line-height: 59px;
    border-radius: 50px;
    text-align: center;
    font-size: 16px;
    color: #382c4d;
    text-transform: uppercase;
    font-weight: 800;
    font-family: 'Fira Sans', sans-serif;
    padding: 0 25px;
    margin: 0 0 10px;
}
.pricingTab03 li a:before{
    display: inline-block;
    font-family: 'themewar' !important;
    content: "\f025";
    color: inherit;
    position: relative;
    font-weight: 400;
    top: 1px;
    visibility: hidden;
    opacity: 0;
    font-size: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.pricingTab03 li a.active:before{
    font-size: 15px;
    visibility: visible;
    opacity: 1;
    margin-right: 6px;
}
.pricingTab03 li a.active,
.pricingTab03 li a:hover{
    background: var(--theme-color-three);
    color: #fff;
    padding: 0 31px;
}
.tabContent03{
    position: relative;
}
.tabContent03 img{
    max-width: 100%;
    height: auto;
    border-radius: 65px;
    position: absolute;
    left: 0;
    top: -107px;
}
.pricing-item-02{
    position: relative;
    max-width: 385px;
    background: #fff;
    font-family: 'Fira Sans', sans-serif;
    border-radius: 50px;
    padding: 50px 40px 36px;
    margin-left: 205px;
    margin-top: -63px;
    z-index: 2;
    -webkit-box-shadow: -1px 3px 57px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow:    -1px 3px 57px 0px rgba(0, 0, 0, 0.06);
    box-shadow:         -1px 3px 57px 0px rgba(0, 0, 0, 0.06);
}
.pricing-item-02 .p-title{
    display: inline-block;
    font-size: 30px;
    color: #382c4d;
    margin: 0 0 36px;
    position: relative;
    z-index: 2;
}
.pricing-item-02 .p-title:after{
    content: '';
    position: absolute;
    left: -6px;
    right: 0;
    bottom: 6px;
    height: 9px;
    z-index: -1;
    border-radius: 50px;
    width: calc(100% + 12px);
    background: #fdecd8;
}
.pricing-item-02 .p-price{
    justify-content: center;
    color: #382c4d;
    font-size: 65.69px;
    font-weight: 600;
    letter-spacing: -1.3px;
    line-height: 1;
    margin: 0 0 8px;
}
.pricing-item-02 .p-price sup{
    font-size: inherit;
    top: 32px;
    margin: 0;
}
.pricing-item-02 p{
    color: #382c4d;
    font-size: 18px;
    margin: 0 0 29px;
}
.pricing-item-02 ul {
    border-top: 1px solid #ededed;
    margin: 0;
    padding: 34px 0 29px;
    text-align: left;
}
.pricing-item-02 ul li {
    display: block;
    font-size: 19px;
    color: #382c4d;
    margin-bottom: 13px;
}
.pricing-item-02 ul li i {
    color: var(--theme-color-three);
    font-size: 16px;
    display: inline-block;
    margin-right: 13px;
}
.pricing-item-02 .berpo_btn{
    width: 100%;
    border-radius: 50px;
    background: var(--theme-color-three);
    color: #f0f0f0;
    font-size: 14px;
    height: 65px;
    line-height: 67px;
    -webkit-box-shadow: 0px 0px 27px 0px rgba(255, 85, 56, 0.26);
    -moz-box-shadow:    0px 0px 27px 0px rgba(255, 85, 56, 0.26);
    box-shadow:         0px 0px 27px 0px rgba(255, 85, 56, 0.26);
}
.priceCon{
    position: relative;
    padding: 145px 0 0 45px;
}
.priceCon p{
    color: #382c4d;
    margin: -26px 0 41px;
}
.priceCon .icon_box_01{
    padding-left: 93px;
    padding-top: 10px;
}
.priceCon .icon_box_01 i{
    width: 74px;
    height: 74px;
    background: #fff;
    border-radius: 50%;
    font-size: 30px;
    line-height: 74px;
    color: #e70012;
}
.priceCon .icon_box_01 h5{
    color: #382c4d;
    font-size: 18px;
    line-height: 28px;
}
.priceCon .icon_box_01 span{
    color: #382c4d;
    font-weight: 600;
    font-size: 22px;
    margin: 0;
}

/*--- Funfact ---*/
.funfact03{
    position: relative;
    background: #f9f9f9;
    border-radius: 30px;
    padding: 0 25px 51px;
}
.factThumb{
    position: relative;
    display: inline-block;
    width: 77px;
    height: 77px;
    line-height: 75px;
    font-size: 36px;
    background: #ffffda;
    border-radius: 50%;
    text-align: center;
    top: -41px;
    margin:0 0 -17px;
}
.funfact03 .factThumb img{
    width: 47px;
    height: 53px;
}
.funfact03 h2{
    font-size: 45px;
    line-height: 1;
    color: #382c4d;
    font-weight: 500;
    margin: 0 0 8px;
}
.funfact03 h2 sup{
    font-size: inherit;
    top: -2px;
    font-style: normal;
}
.funfact03 h5{
    font-size: 17px;
    line-height: 1;
    color: #808080;
    margin: 0;
    font-weight: 400;
}
.ffc02 .factThumb{
    background: #eeeeff;
}
.ffc03 .factThumb{
    background: #ffe0e0;
}
.ffc04 .factThumb{
    background: #e6ffef;
}

/*--- Team ---*/
.tmSlider03.owl-carousel .owl-item{
    -webkit-transition: padding 0.3s ease;
    -o-transition: padding 0.3s ease;
    transition: padding 0.3s ease;
}
.team_03{
    position: relative;
    margin: auto;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.team_03:hover{
    padding: 0 44px 0 0;
}
.tmThumbContent{
    position: relative;
    margin: 0 0 25px;
}
.tmThumbContent .tmThumb{
    position: relative;
    height: 334px;
    overflow: hidden;
    z-index: 3;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.team_03 .tmThumb img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    border-radius: 40px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.team_03 .tm_social{
    padding: 15px 0;
    background: var(--theme-color-three);
    width: 85%;
    transform: none;
    border-radius: 30px;
    top: 20px;
    right: 20px;
    text-align: right;
    margin: 0;
    left: auto;
    bottom: auto;
    z-index: 2;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.team_03 .tm_social a{
    display: block;
    position: relative;
    margin: 0 0 0 auto;
    display: block;
    text-align: center;
    font-size: 17px;
    color: #ffffff;
    height: 50px;
    width: 44px;
    line-height: 50px;
    border-bottom: 1px solid #d51313;
}
.team_03 .tm_social a:last-child{
    border: none;
}
.team_03:hover .tm_social{
    right: -44px;
}
.team_03:hover .tm_social a {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}
.team_03:hover .tm_social a:hover{
    color: #101a25;
}
.team_03 h3{
    font-size: 26.69px;
    color: #382c4d;
    font-weight: 600;
    line-height: 1;
    text-transform: capitalize;
    margin: 0 0 1px;
}
.team_03 h3 a{
    color: inherit;
}
.team_03 h3 a:hover{
    color: var(--theme-color-three);
}
.team_03 p{
    margin: 0;
    font-size: 16px;
    font-family: 'Fira Sans', sans-serif;
    color: var(--theme-color-three);
}
.tmSlider03.owl-carousel .owl-nav{
    width: 100%;
}
.tmSlider03.owl-carousel  .owl-nav button{
    position: absolute;
    left: -94px;
    top: 38%;
    text-align: center;
    z-index: 5;
    font-size: 22px;
    line-height: 66px;
    width: 61px;
    height: 65px;
    background: url(../images/bg/arrow.svg) no-repeat center center / cover;
    color: #382c4d;
    border: none;
    outline: none;
    z-index: 1;
    display: block;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.tmSlider03.owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: -94px;
}
.tmSlider03.owl-carousel  .owl-nav button:hover{
    background: url(../images/bg/arrow_hover.svg) no-repeat center center / cover;
    color: #fff;
}
.tmSlider03.owl-carousel .owl-stage-outer {
    height: calc(100% + 40px);
    margin: -20px;
    padding: 20px;
    width: calc(100% + 40px);
}

/*--- Featured Slider ---*/
.featuredSlider {
    padding: 0;
}
.featuredSlider .owl-stage-outer {}
.featuredSlider .owl-item {
    backface-visibility: hidden;
    position: relative;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.featuredSlider .fsfolioItem{
    overflow: visible;
    padding: 72px 0 20px;
}
.featuredSlider .owl-item.active{
    z-index: 2;
    opacity: 1;
    visibility: visible;
}
.featuredSlider .owl-item.active.center{
    z-index: 3;
}
.fi03Thumb{
    position: relative;
    border-radius: 50%;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.featuredSlider .fsfolioItem .acshape{
    width: 84%;
    height: 101%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    border-radius: 0;
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.featuredSlider .owl-item.active.center .fsfolioItem .acshape{
    visibility: visible;
    opacity: 1;
}
.featuredSlider .fsfolioItem img{
    width: 100%;
    height: 100%;
    display: inline-block;
    border-radius: 50%;
}
.featuredSlider .owl-item.active .fsfolioItem .fi03Thumb{
    transform: scale(1.35) translateX(73px);
    -moz-transform: scale(1.35) translateX(73px);
    -webkit-transform: scale(1.35) translateX(73px);
}
.featuredSlider .owl-item.active.center + .owl-item.active .fsfolioItem .fi03Thumb{
    transform: scale(1.35) translateX(-73px);
    -moz-transform: scale(1.35) translateX(-73px);
    -webkit-transform: scale(1.35) translateX(-73px);
}
.featuredSlider .owl-item.active.center .fsfolioItem .fi03Thumb{
    transform: scale(1.35) translateX(0);
    -moz-transform: scale(1.35) translateX(0);
    -webkit-transform: scale(1.35) translateX(0);
}
.fi03Con{
    position: relative;
    font-family: 'Fira Sans', sans-serif;
    text-align: center;
    padding: 90px 0 0;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    opacity: 0;
    visibility: hidden;
}
.featuredSlider .owl-item.active.center .fi03Con{
    opacity: 1;
    visibility: visible;
}
.fi03Con h4{
    font-size: 35px;
    color: #382c4d;
    font-weight: 600;
    margin: 0 0 4px;

    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.fi03Con h4 a{
    color: inherit;
}
.fi03Con h4 a:hover{
    color: var(--theme-color-three);
}
.fi03Con p{
    font-size: 14px;
    line-height: .8;
    color: var(--theme-color-three);
    text-transform: uppercase;
    margin: 0 0 14px;
}
.fimeta{
    position: relative;
}
.fimeta a{
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    color: #382c4d;
    margin-right: 12px;
}
.fimeta a:last-child{
    margin-right: 0;
}
.fimeta a i{
    display: inline-block;
    font-size: 14px;
    color: #9a9a9a;
    position: relative;
    margin-right: 6px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.fimeta a i.twi-eye{
    top: 1px;
}
.fimeta a:hover i,
.fimeta a:hover{
    color: var(--theme-color-three);
}
.featuredSlider.owl-carousel .owl-nav{
    width: 100%;
}
.featuredSlider.owl-carousel  .owl-nav button{
    position: absolute;
    left: -94px;
    top: 36%;
    text-align: center;
    z-index: 5;
    font-size: 22px;
    line-height: 66px;
    width: 61px;
    height: 65px;
    background: url(../images/bg/arrow2.svg) no-repeat center center / cover;
    color: #382c4d;
    border: none;
    outline: none;
    z-index: 1;
    display: block;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.featuredSlider.owl-carousel  .owl-nav button.owl-next {
    left: auto;
    right: -94px;
}
.featuredSlider.owl-carousel  .owl-nav button:hover{
    background: url(../images/bg/arrow_hover.svg) no-repeat center center / cover;
    color: #fff;
}

/*--- Testimonial ---*/
.testimonialslider03{
    position: relative;
    margin: -84px 0 0;
}
.testiItem03{
    position: relative;
    background: #d9f2ef;
    max-width: 595px;
    border-radius: 100px;
    padding: 39px 40px 50px 192px;
    margin: 34px 0 0;
    float: right;
}
.testiItem03 .au_quote{
    width: 124px;
    height: 124px;
    border-radius: 50%;
    position: absolute;
    left: 38px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.testiItem03 .au_quote img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.testiItem03 .au_quote i{
    font-size: 40px;
    color: var(--theme-color-three);
    -webkit-text-fill-color: var(--theme-color-three);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #d9f2ef;
    position: absolute;
    right: 9px;
    top: -4px;
}
.testiItem03 h5{
    font-size: 24px;
    color: #382c4d;
    font-size: 35px;
    margin: 0;
}
.testiItem03 .quotation{
    font-size: 18px;
    line-height: 31.5px;
    color: #382c4d;
    margin: 0;
    font-weight: 400;
    font-style: normal;
}
.testiItem03.RightItem{
    margin-right: 80px;
    background: #fdecd8;
    text-align: right;
    padding-left: 40px;
    padding-right: 192px;
}
.testiItem03.RightItem .au_quote{
    left: auto;
    right: 38px;
}
.testiItem03.RightItem .au_quote i{
    right: auto;
    left: 9px;
    -webkit-text-stroke-color: #fdecd8;
}
.testimonialslider03 .slick-arrow{
    position: absolute;
    left:-74%;
    bottom: -10px;
    text-align: center;
    z-index: 5;
    font-size: 22px;
    line-height: 66px;
    width: 61px;
    height: 65px;
    background: url(../images/bg/arrow.svg) no-repeat center center / cover;
    color: #382c4d;
    border: none;
    outline: none;
    cursor: pointer;
    z-index: 1;
    display: block;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.testimonialslider03 .slick-arrow.navRight{
    left: calc(-74% + 74px);
}
.testimonialslider03 .slick-arrow:hover{
    background: url(../images/bg/arrow_hover.svg) no-repeat center center / cover;
    color: #fff;
}

/*--- Footer ---*/
.footer_03{
    position: relative;
    background: #0e0130;
    padding: 105px 0 92px;
    border-radius: 50px 50px 0 0;
}
.aboutWidget03{
    position: relative;
    text-align: center;
}
.aboutWidget03 img{
    max-width: 100%;
    height: auto;
}
.aboutWidget03 p{
    font-size: 18px;
    line-height: 31.5px;
    color: #aba1bb;
    margin: 27px 0 29px;
}
.aboutWidget03 .email{
    display: inline-block;
    color: #ffffff;
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    letter-spacing: .2px;
    font-family: 'Fira Sans', sans-serif;
    border-bottom: 2px solid #fff;
}
.aboutWidget03 .email:hover{
    color: var(--theme-color-three);
    border-color: var(--theme-color-three);
}
.absocaila{
    position: relative;
    margin: 28px 0 0;
}
.absocaila a{
    display: inline-block;
    text-align: center;
    width: 64px;
    height: 64px;
    background: #1e0b50;
    line-height: 64px;
    font-size: 20px;
    color: #fff;
    border-radius: 50%;
    margin: 0 1px;
}
.absocaila a:hover{
    background: var(--theme-color-three);
    color: #fff;
}
.copyrightSec{
    position: relative;
    background: #0c0128;
    text-align: center;
    padding: 37px 0;
    border-radius: 0 0 50px 50px;
}
.copyrightSec .Copyright{
    font-family: 'Fira Sans', sans-serif;
    color: var(--theme-color-three);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    padding: 0;
}


/*------------------------------------------------------
/ 4. Home Page 04
/------------------------------------------------------*/
/*--- Header ---*/
.header04{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 5;
    padding: 0 80px 0 55px;
}
.header04 .navbar01 {
    background: transparent;
    padding: 0;
    border-radius: 0;
    align-items: center;
}
.header04 .logo {
    position: relative;
    line-height: 74px;
    padding: 55px 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.header04 .logo img {
    height: 74px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.header04 .stickyLogo{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.header04.fixedHeader img{
    visibility: hidden;
    opacity: 0;
}
.header04.fixedHeader .stickyLogo{
    visibility: visible;
    opacity: 1;
}
.header04 .accessNav .search_btn{
    background: #151414;
    border-radius: 3px;
    color: #fff;
    position: relative;
    z-index: 2;
    margin-left: 5px;
}
.header04 .accessNav .search_btn:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2);
    border-radius: 3px;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.header04 .accessNav .search_btn:hover:after{
    visibility: visible;
    opacity: 1;
}
.popup_togggle_menu{
    width: 52px;
    height: 52px;
    background: #151414;
    border-radius: 3px;
    display: inline-block;
    padding: 14px 11px;
}
.popup_togggle_menu span{
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    margin: 0 0 6px;
    position: relative;
}
.popup_togggle_menu span:last-child{
    margin-bottom: 0;
}
.popup_togggle_menu span:nth-child(2),
.popup_togggle_menu span:nth-child(4){
    width: 15px;
    margin-left: auto;
}
.popup_togggle_menu span:after{
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2);
    content: '';
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.popup_togggle_menu:hover span:after{
    width: 100%;
}
body.menu_open {
    overflow: hidden;
}
.close-popup {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 0 #fff;
    font-weight: 600;
    height: 50px;
    width: 50px;
    position: absolute;
    right: 30px;
    top: 30px;
    text-transform: uppercase;
    transition: all .5s cubic-bezier(.7, 0, .3, 1);
    -moz-transition: all .5s cubic-bezier(.7, 0, .3, 1);
    z-index: 99;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.popup_menu.active .close-popup {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.close-popup:after {
    width: 15px;
    height: 1px;
    background: #000;
    position: absolute;
    right: 17.5px;
    top: 24px;
    content: '';
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.close-popup:before {
    width: 15px;
    height: 1px;
    background: #000;
    position: absolute;
    right: 17.5px;
    top: 24px;
    content: '';
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.close-popup:hover {
    box-shadow: 0 0 0 10px rgba(255, 255, 255, .2);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, .2);
    -moz-box-shadow: 0 0 0 10px rgba(255, 255, 255, .2);
}
.close-popup:hover:after,
.close-popup:hover:before {
    background: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2);
}
.popup_menu {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: rgba(34, 34, 33, .98);
    display: none;
}
.menu_middle {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    position: relative;
    z-index: -1;
}
.popup_menu.active .menu_middle {
    z-index: 99
}
.menu_popup {
    position: relative;;
    text-align: center;
}
.menu_popup ul {
    margin: 0;
    padding: 0;
}
.menu_popup ul li {
    display: block;
    list-style: none;
    margin: 19px 0;
    position: relative;
}
.menu_popup ul li a {
    color: #ffffff;
    text-transform: capitalize;
    font-size: 33px;
    line-height: 1;
    font-weight: 800;
    display: inline-block;
    padding: 0 15px;
    font-family: 'Fira Sans', sans-serif;
    position: relative;
    text-decoration: none;
    -webkit-text-decoration-skip: objects;
    transition: all .6s cubic-bezier(.7, 0, .3, 1);
}
.menu_popup ul li.active > a,
.menu_popup ul li:hover > a {
    color: #e70012;
}
.menu_popup ul li.menu-item-has-children > a {
    position: relative;
}
.menu_popup ul li.menu-item-has-children > a:before {
    position: absolute;
    right: -5px;
    top: 11px;
    content: "\f545";
    transition: all .3s cubic-bezier(.7, 0, .3, 1);
    font-family: 'themewar' !important;
    font-size: 20px;
    color: inherit;
    line-height: .8;
    transition: none;
}
.menu_popup > ul > li {
    opacity: 0;
    -webkit-transition: translateY(80px);
    transform: translateY(80px);
    max-width: 280px;
    margin: 30px auto;
}
.menu_popup ul li ul.sub-menu {
    position: absolute;
    left: 105%;
    pointer-events: none;
    top: -18px;
    width: 270px;
    border-radius: 5px;
    z-index: 100;
    text-align: left;
    margin: 0;
    padding: 25px 0;
    visibility: hidden;
    opacity: 0;
    background: #353535;
    -ms-box-shadow: 0px 3px 0 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0px 3px 0 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 0 0 rgba(0, 0, 0, 0.2);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    color: inherit;
    font-size: inherit;
}
.menu_popup ul li:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    pointer-events: inherit;
    left: 100%;
}
.menu_popup ul li ul.sub-menu::after {
    content: '';
    position: absolute;
    left: -7px;
    top: 18px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4.5px 7px 4.5px 0;
    border-color: transparent #353535 transparent transparent;
    transition: none;
}
.menu_popup ul li .sub-menu li {
    padding: 0 0;
    margin: 0;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.menu_popup ul .sub-menu li.menu-item-has-children > a::before {
    right: 19px;
    content: '..';
    font-family: 'Fira Sans', sans-serif !important;
    font-size: 25px;
    letter-spacing: 3px;
    top: calc(50% - 15px);
}
.menu_popup ul li ul.sub-menu li a{
    font-size: 16px;
    font-weight: 400;
    padding: 14px 32px;
    width: 100%;
    border-radius: 3px;
    text-transform: capitalize;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.menu_popup ul li .sub-menu li.active > a, .menu_popup ul li .sub-menu li.current-menu-item > a, .menu_popup ul li .sub-menu li:hover > a {
    color: #fff;
    background: #e70012;
}
.menu_popup ul li .sub-menu li .sub-menu {
    position: absolute;
    left: 105%;
    right: auto;
    top: 0;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    border: none;
    overflow-y: auto;
}
.menu_popup ul li .sub-menu li .sub-menu:after{
    display: none;
}
.menu_popup ul li .sub-menu li:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    left: calc(100% + 3px);
    pointer-events: inherit;
}
.menu_popup ul li:nth-last-child(1) .sub-menu li,
.menu_popup ul li:nth-last-child(2) .sub-menu li{
    position: static;
}
body.menu__open{
    overflow: hidden;
}

/*--- Icon Box ---*/
.icon_box_03{
    position: relative;
    margin: 0 15px;
}
.icon_box_03 .ibMeta{
    width: 266px;
    height: 277px;
    line-height: 285px;
    text-align: center;
    position: relative;
    color: inherit;
    font-size: 80px;
    margin: -55px 0 -26px;
}
.icon_box_03 .ibMeta svg{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    fill: #fff;
    text-align: center;
    top: 0;
    -webkit-filter: drop-shadow( 0 0 59px rgba(196,196,196,0.26));
    -moz-filter: drop-shadow( 0 0 59px rgba(196,196,196,0.26));
    filter: drop-shadow( 0 0 59px rgba(196,196,196,0.26));
}
.icon_box_03 .ibMeta i{
    display: inline-block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2);
}
.icon_box_03 span{
    display: block;
    font-size: 60px;
    color: #eef3ff;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    left: -72px;
    right: 0;
    margin: auto;
    top: -17px;
}
.icon_box_03 h3{
    font-size: 22px;
    line-height: 32px;
    color: #222d39;
    margin: 0 0 9px;
}
.icon_box_03 p{
    display: block;
    color: #666666;
    font-size: 16px;
    margin: 0;
}
.icon_box_03 .imgborder{
    position: absolute;
    right: -78px;
    top: 75px;
}

/*--- About ---*/
.abbgThumb{
    position: relative;
    border-radius: 3px;
    margin-right: 33px;
    padding: 0 50px;
    text-align: center;
    background: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2);
}
.abbgThumb img{
    width: 100%;
    height: 100%;
    position: relative;
    top: 50px;
}
.abclinets{
    position: relative;
    display: inline-block;
    background: #fff;
    padding: 17px 37px 12px 97px;
    margin: -7px 0 0 86px;
    -webkit-box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:    0px 15px 40px 0px rgba(0, 0, 0, 0.1);
    box-shadow:         0px 15px 40px 0px rgba(0, 0, 0, 0.1);
}
.abclinets img{
    width: 53px;
    height: 53px;
    border-radius: 5px;
    position: absolute;
    left: 23px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.abclinets h2{
    color: #222d39;
    font-size: 26px;
    line-height: 32px;
    margin: 0 0 -6px;
}
.abclinets p {
    display: block;
    color: #666666;
    font-size: 16px;
    margin: 0;
}
.expCount02{
    position: relative;
}
.expCount02 h2{
    font-size: 110px;
    letter-spacing: 2.2px;
    font-weight: 800;
    margin: 0 0 -3px;
    line-height: 1;
    background-image: url(../images/bg/text.png);
    background-position: center;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
}
.expCount02 h5{
    font-size: 28px;
    line-height: 34px;
    color: #000000;
    letter-spacing: -.42px;
    font-weight: 800;
    margin: 0;
}
.grdinaList li{
    color: #101a25;
    font-weight: 500;
    font-family: 'Fira Sans', sans-serif;
    margin: 7px 0 10px;
}
.grdinaList li i{
    display: inline-block;
    margin-right: 10px;
    font-size: 20px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2);
}

/*--- Tab ---*/
.pricingTab04{
    position: absolute;
    left: -210px;
    top: 49px;
    margin: 0;
    padding: 0;
    display: block;
}
.pricingTab04 li{
    display: block;
    list-style: none;
    margin: 13px 0 0;
}
.pricingTab04  li a{
    display: inline-block;
    font-family: 'Fira Sans', sans-serif;
    font-size: 25.31px;
    color: #fff;
    font-weight: 700;
    line-height: 33px;
}
.pricingTab04  li a span{
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .82px;
    font-weight: 400;
    line-height: 18px;
}
.pricingTab04 li a:after{
    font-family: 'themewar' !important;
    content: "\ef55";
    display: inline-block;
    position: relative;
    font-size: 14px;
    visibility: hidden;
    opacity: 0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    float: right;
    margin: -50px 0 0 0;
    right: -38px;
}
.pricingTab04  li a:hover:after,
.pricingTab04  li a.active:after{
    visibility: visible;
    opacity: 1;
}
.pricingTab04  li a:hover,
.pricingTab04  li a.active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2);
}
.tabContent04{
    position: relative;
    z-index: 2;
    padding: 0 0 0 45px;
}
.tabContent04 img{
    max-width: 100%;
    height: auto;
    float: right;
}
.tabContent04 .secTitle02{
    color: #ffffff;
    line-height: 55px;
    margin: 47px 0 23px;
}
.tabContent04 p{
    color: #bebebe;
    margin: 0 0 45px;
}
.tab-content > .tab-pane.show.active {
    transform: scale(1) translateY(0px);
}
.anim-right.tab-content > .tab-pane.show.active {
    transform: none;
}
.anim-right.tab-content > .tab-pane {
    transform: none;
}
.tab-content > .tab-pane {
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
    transform: scale(.9,.9) translate(0px);
}
.anim-right .active .tabContent04{
    -webkit-animation-name: fadeRight;
    animation-name: fadeRight;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes fadeRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

/*--- Service ITem ---*/
.service_item_05{
    position: relative;
    background: #fff;
    margin: 0 0 30px; border-radius: 10px;
}
.service_item_05 svg{
    width: 100%;
    height: 100%;
    border-radius: 10px;
    -webkit-filter: drop-shadow( 0px 15px 40px rgba(0, 0, 0, 0.1));
    -moz-filter: drop-shadow( 0px 15px 40px rgba(0, 0, 0, 0.1));
    filter: drop-shadow( -0px 15px 40px rgba(0, 0, 0, 0.1));
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.service_item_05 svg g{
    fill: #FFFFFF;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.serInner{
   1 position: absolute;
    left: 0;
    top: 8px;
    z-index: 2;
    background: transparent;
    padding: 34px 60px 20px 155px;
}
.service_item_05 .siIcon{
    width: 73px;
    height: 73px;
    line-height: 73px;
    background: #f3f3f3;
    border-radius: 3px;
    text-align: center;
    font-size: 44px;
    position: absolute;
    left: 49px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.service_item_05 .siIcon i {
    display: inline-block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #e70012, #e70012, #e70012, #e70012, #e70012);
}
.service_item_05 h3{
    font-size: 22px;
    line-height: 31.5px;
    margin: 0 0 9px;
}
.service_item_05 h3 a{
    color: inherit;
}
.service_item_05 h3 a:hover{
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2);
}
.service_item_05 p{
    color: #868686;
    font-size: 17px;
    margin: 0;
}

/*--- Case Study ---*/
.filter_menu02 {
    position: relative;
    margin: 44px 0 80px;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    font-family: 'Fira Sans', sans-serif;
}
.filter_menu02.text-center{
    justify-content: center;
}
.filter_menu02.text-right{
    justify-content: flex-end;
}
.filter_menu02 li {
    cursor: pointer;
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: #101a25;
    height: 35px;
    line-height: 35px;
    padding: 0 11px;
    margin-left: 13px;
    font-weight: 500;
    position: relative;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.filter_menu02 li:first-child{
    margin-left: 0;
}
.filter_menu02 li:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    content: '';
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2);
    z-index: -1;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.filter_menu02 li.active:after,
.filter_menu02 li:hover:after{
    visibility: visible;
    opacity: 1;
    width: 100%;
}
.filter_menu02 li.active,
.filter_menu02 li:hover{
    color: #fff;
}
.folioItem03{
    position: relative;
    overflow: hidden;
    margin: 0 -1px;
}
.folioItem03:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    visibility: hidden;
    opacity: 0;
    background: rgb(16, 26, 37, .6);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.folioItem03:hover:after{
    visibility: visible;
    opacity: 1;
}
.folioItem03 img{
    width: 100%;
    height: auto;
}
.folioHover03{
    position: absolute;
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2);
    height: 134px;
    width: 100%;
    left: 0;
    bottom: -40px;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    clip-path: polygon(0 0, 100% 34%, 100% 100%, 0% 100%);
    padding: 55px 160px 0 34px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.folioItem03:hover .folioHover03{
    bottom: 0;
    visibility: visible;
    opacity: 1;
}
.folioHover03 p{
    display: block;
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1;
    margin: 0 0 6px;
    -webkit-transition: all 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -webkit-transform: translate3d(0, 50px, 0);
}
.folioHover03 p a{
    color: inherit;
}
.folioHover03 h4{
    font-size: 25px;
    color: #fff;
    line-height: 32px;
    margin: 0;
    -webkit-transition: all 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -webkit-transform: translate3d(0, 50px, 0);
}
.folioHover03 h4 a{
    color: inherit;
}
.folioHover03 p a:hover,
.folioHover03 h4 a:hover{
    color: #2b2727;
}
.folioHover03 > a{
    width: 55px;
    height: 55px;
    background: #fff;
    line-height: 55px;
    color: #2b2727;
    font-size: 20px;
    border-radius: 0;
    display: inline-block;
    position: absolute;
    right: 34px;
    bottom: 20px;
    text-align: center;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 88%);
    visibility: hidden;
    opacity: 0;
}
.folioHover03 .popup_video{
    right: 95px;
}
.folioHover03 .popup_video::before,
.folioHover03 .popup_video::after{
    display: none;
}
.folioHover03 > a:hover{
    background: #2b2727;
    color: #fff;
}
.folioHover03 .popup_video{
    -webkit-transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, -50px, 0);
    -moz-transform: translate3d(0, -50px, 0);
    -webkit-transform: translate3d(0, -50px, 0);
}
.folioHover03 .crm{
    -webkit-transition: all 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, -50px, 0);
    -moz-transform: translate3d(0, -50px, 0);
    -webkit-transform: translate3d(0, -50px, 0);
}
.folioItem03:hover .folioHover03 .crm,
.folioItem03:hover .folioHover03 .popup_video{
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}
.folioItem03:hover .folioHover03 p,
.folioItem03:hover .folioHover03 h4{
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

/*--- Feature ---*/
.featureSlider02.owl-carousel{
    position: relative;
}
.featureSlider02.owl-carousel a{
    display: block;
    width: 100%;
    background: #f9f9f9;
    text-align: center;
    padding: 35px 15px;
}
.featureSlider02.owl-carousel a img{
    width: 120px;
    height: 121px;
    display: inline-block;
}

/*--- Pricing Table ---*/
.pcTab03{
    border: none;
    height: 31px;
    background: transparent;
    border-radius: 0;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 11px;
    z-index: 2;
    text-align: center;
    display: block;
}
.pcTab03 a{
    position: relative;
    z-index: 2;
    color: #0c0c0c;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .48px;
    border-radius: 3px 0 0 3px;
    padding: 0 20px;
    line-height: 31px;
    background: #fff;
    margin: 0 -3px;
    display: inline-block;
}
.pcTab03 a:last-child{
    border-radius: 0 3px 3px 0;
}
.pcTab03 a:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    content: '';
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2);
    z-index: -1;
    visibility: hidden;
    border-radius: 3px;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.pcTab03 a:hover:after,
.pcTab03 a.active:after{
    visibility: visible;
    opacity: 1;
    width: 100%;
}
.pcTab03 a:hover,
.pcTab03 a.active{
    color: #fff;
}

.pricingTabInner02{
    margin: 0;
    padding: 0;
    display: block;
    position: absolute;
    left: -175px;
    top: 44%;
}
.pricingTabInner02 li{
    list-style: none;
    display: block;
    margin: 0 0 14px;
}
.pricingTabInner02 li a{
    position: relative;
    z-index: 2;
    display: inline-block;
    height: 38px;
    background: #fff;
    border-radius: 3px;
    text-align: center;
    font-size: 13px;
    color: #0c0c0c;
    text-transform: uppercase;
    line-height: 38px;
    letter-spacing: .52px;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 700;
    padding: 0 15px;
    width: 130px;
}
.pricingTabInner02 li a:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    content: '';
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2);
    z-index: -1;
    visibility: hidden;
    border-radius: 3px;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.pricingTabInner02 li a:before{
    content: "\edf7";
    font-family: 'themewar' !important;
    color: #ffffff;
    font-size: 8.32px;
    left: -5px;
    top: -1px;
    position: relative;
    display: inline-block;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.pricingTabInner02 li a:hover:before,
.pricingTabInner02 li a.active:before{
    visibility: visible;
    opacity: 1;
}
.pricingTabInner02 li a:hover:after,
.pricingTabInner02 li a.active:after{
    visibility: visible;
    opacity: 1;
    width: 100%;
}
.pricingTabInner02 li a:hover,
.pricingTabInner02 li a.active{
    color: #fff;
}
.pricingTabInner02 li a img{
    width: 77px;
    height: 27px;
    position: absolute;
    right: -90px;
    top: 12px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    visibility: hidden;
    opacity: 0;
}
.pricingTabInner02 li a:hover img,
.pricingTabInner02 li a.active img{
    visibility: visible;
    opacity: 1;
    right: -70px;
}
.pricing-item-03{
    position: relative;
    margin-right: 1px;
    background: #fff;
    border-radius: 5px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 97%);
}
.pricing-item-03 .price-thumb img{
    border-radius: 5px 5px 0 0;
}
.pricing-item-03 .price-detils{
    padding: 44px 55px 54px;
}
.pricing-item-03 .p-title{
    font-size: 41.62px;
    font-weight: 700;
    margin-bottom: 2px;
}
.pricing-item-03 .p-price{
    min-height: 40px;
    margin-bottom: 25px;
    position: relative;
}
.pricing-item-03 .p-price .price_period{
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
}
.pricing-item-03 .p-price .price_period.active{
    visibility: visible;
    opacity: 1;
}
.pricing-item-03 .price-detils ul{
    margin-bottom: 21px;
}
.pricing-item-03 .price-detils ul li{
    font-size: 15px;
    color: #0c0c0c;
    letter-spacing: .6px;
    border-color: #f2f2f2;
    padding: 0 0 9px;
    margin-bottom: 6px;
}
.pricing-item-03 .price-detils ul li i{
    font-size: 12.8px;
    display: inline-block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2);
}
.pricing-item-03 .price-detils .berpo_btn{
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2);
    border-radius: 5px;
    height: 47px;
    line-height: 47px;
    font-weight: 700;
    padding: 0 28px;
}
.rightCTA{
    position: relative;
    background: url(../images/bg/24.jpg) no-repeat center center / cover;
    margin-left: -31px;
    margin-top: 70px;
    padding: 103px 70px 55px 80px;
    border-radius: 0 5px 5px 0;
}
.rightCTA:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(19, 17, 17, .87);
    border-radius: 0 5px 5px 0;
}
.rightCTA .row{
    position: relative;
    z-index: 2;
}
.rightCTA img{
    max-width: 100%;
}
.rightCTA .secTitle02{
    color: #ffffff;
    line-height: 50px;
    margin: 23px 0 17px;
}
.rightCTA p{
    font-size: 14.98px;
    line-height: 23.31px;
    color: #fff;
    margin: 0 0 43px;
}
.clientLogo{
    position: relative;
    display: flex;
    justify-content: space-between;
    margin: 66px 0 0;
}
.clientLogo img{
    width: 136px;
    height: 33px;
    opacity: .5;
}

/*--- Team ---*/
.team_04{
    position: relative;
    margin: 0 0 40px;
}
.team_04 .tmThumb{
    position: relative;
    margin: 0;
}
.team_04 .tmThumb img{
    width: 100%;
    height: auto;
    border-radius: 3px;
}
.tmcontent{
    position: relative;
    width: calc(100% - 100px);
    margin: -50px auto 0;
    background: #fff;
    -webkit-box-shadow: 0px 15px 40px 0px rgba(101, 101, 101, 0.1);
    -moz-box-shadow:    0px 15px 40px 0px rgba(101, 101, 101, 0.1);
    box-shadow:         0px 15px 40px 0px rgba(101, 101, 101, 0.1);
    padding: 27px 20px 21px;
}
.tmcontent h3{
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 0;
}
.tmcontent h3 a{
    color: inherit;
}
.tmcontent h3 a:hover{
    color: #e70012;
}
.tmcontent p{
    font-size: 15px;
    line-height: 24px;
    margin: 0;
    color: #e70012;
}
.gradianNav.owl-carousel .owl-nav button .twi-angle-left1:before{
    content: "\ef54";
}
.gradianNav.owl-carousel .owl-nav button .twi-angle-right1:before{
    content: "\ef55";
}
.gradianNav.owl-carousel .owl-nav button{
    width: 58px;
    height: 58px;
    color: #101a25;
    font-size: 15.36px;
    background: #d1d1d1;
    border-radius: 3px;
    line-height: 58px;
    left: -123px;
    top: 34%;
}
.gradianNav.owl-carousel .owl-nav button.owl-next{
    right: -123px;
}
.gradianNav.owl-carousel .owl-nav button:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2);
    z-index: -1;
    visibility: hidden;
    border-radius: 3px;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.gradianNav.owl-carousel .owl-nav button:hover:after{
    visibility: visible;
    opacity: 1;
}
.gradianNav.owl-carousel .owl-nav button:hover{
    color: #fff;
}

/*--- Skills ---*/
.single_skill.sk03{
    margin: 0 0 32px;
}
.single_skill.sk03 h5{
    font-size: 16px;
    color: #464646;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0 0 12px;
}
.single_skill.sk03 h5 i{
    position: relative;
    top: 1px;
    margin-right: 11px;
    display: inline-block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2);
}
.single_skill.sk03 .ss_parent{
    height: 8px;
    background: #f6f7fb;
    border: none;
}
.single_skill.sk03 .ss_child{
    height: 8px;
    left: 0;
    top: 0;
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2);
}
.single_skill.sk03 .ss_parent span{
    left: auto;
    right: 0;
    top: -32px;
    color: #464646;
    font-weight: 600;
    font-size: 16px;
}

/*--- Contact Form ---*/
.contactForm02{
    position: relative;
    background: transparent;
    padding: 0;
    box-shadow: none;
    margin: 0;
    text-align: left;
    margin-left: -55px;
    padding-right: 105px;
    padding-top: 81px;
}
.contactForm02 input[type=email],
.contactForm02 input[type=text],
.contactForm02 input[type=url],
.contactForm02 input[type=tel],
.contactForm02 input[type=number],
.contactForm02 select,
.contactForm02 .nice-select,
.contactForm02 textarea {
    display: block;
    width: 100%;
    height: 53px;
    background: #f1f8fc;
    padding: 0;
    border: none;
    border-radius: 3px;
    font-size: 15px;
    line-height: 53px;
    margin: 0 0 24px;
    font-weight: 400;
    padding: 0 35px;
    color: #9fa4af;
}
.contactForm02 textarea {
    height: 288px;
    line-height: 26px;
    padding-top: 27px;
    padding-left: 45px;
    margin-bottom: 40px;
    resize: none;
}
.contactForm02 textarea::-moz-placeholder,
.contactForm02 input::-moz-placeholder {
    color: #9fa4af;
    opacity: 1;
}
.contactForm02 textarea::-ms-input-placeholder,
.contactForm02 input::-ms-input-placeholder {
    color: #9fa4af;
    opacity: 1;
}
.contactForm02 textarea::-webkit-input-placeholder,
.contactForm02 input::-webkit-input-placeholder {
    color: #9fa4af;
    opacity: 1;
}
.contact_form .nice-select .list {
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
    background: #f1f8fc;
    border-radius: 0;
    box-shadow: none;
    max-height: 361px;
    overflow: auto;
    -webkit-box-shadow: 0px 15px 40px 0px rgba(101, 101, 101, 0.1);
    -moz-box-shadow:    0px 15px 40px 0px rgba(101, 101, 101, 0.1);
    box-shadow:         0px 15px 40px 0px rgba(101, 101, 101, 0.1);
}
.contact_form .nice-select .option {
    font-size: 14px;
    color: #74777c;
    border-top: 1px solid rgba(0,0,0,.05);
    padding: 2px 25px;
}
.contact_form .nice-select .option:hover, 
.nice-select .option.focus, 
.nice-select .option.selected.focus {
    background: 0 0;
    color: #000000;
}
.nice-select:after{
    content: "\e9ed";
    font-family: 'themewar' !important;
    transform: none;
    border: none;
    margin: 0;
    top: 0;
    height: auto;
    width: auto;
    color: #6e45e2;
    right: 30px;
    font-size: 18px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.nice-select.open:after{
    transform: none;
    content: "\e9f4";
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.contactForm02 .berpo_btn.with_icon03{
    height: 54px;
    line-height: 55px;
    font-weight: 900;
    margin-top: 7px;
}
.con_message {
    display: block;
    width: 100%;
    display: none;
    padding: 15px;
    border-radius: 0;
    border-width: 2px;
    margin: 15px 0 0;
}
#contact_form .reqError, 
#contact_form textarea.reqError{
    border: 1px solid red !important;
}

/*--- Testimonial ---*/
.testiWrap {
    position: relative;
    padding: 0 240px;
}
.testimonialslider04 {
    position: relative;
    margin: 0;
    text-align: center;
    padding: 5px 0 5px;
    overflow: hidden;
}
.testimonialslider04 .ratings {
    font-size: 20px;
    color: #fbb81a;
    letter-spacing: 5px;
    justify-content: center;
    position: relative;
    line-height: 1;
    margin: 0 0 18px;
    padding: 0;
}
.testimonialslider04 .ratings i{
    display: inline-block;
}
.testimonialslider04 .quatation{
    font-size: 18px;
    line-height: 28px;
    color: #5f5f5f;
    font-style: italic;
    font-weight: 300;
    margin: 0;
}
.testimonialNav{
    left: 0;
    right: 0;
    max-width: 490px;
    height: auto;
    padding: 0;
    margin: auto;
}
.testimonialNav .slick-slide{
    outline: none;
    padding: 31px 0;
    position: relative;
}
.testimonialNav .slick-slide.slick-current.slick-active.slick-center {
    padding: 30px 0 44px;
}
.testimonialNav .slick-slide .test_author {
    position: absolute;
    width: 250px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.testimonialNav .slick-slide .autho_thumb {
    margin: 0 0 38px;
    width: 107px;
    padding: 5px;
    cursor: pointer;
    height: 107px;
    background: 0 0;
    display: flex;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    box-shadow: none;
    position: relative;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.testimonialNav .slick-slide .autho_thumb img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.testimonialNav .slick-slide.slick-current.slick-active.slick-center .autho_thumb {
    padding: 8px;
    background: #fff;
    margin: 0 auto 25px;
    -webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.19);
    -moz-box-shadow:    0px 0px 18px 0px rgba(0, 0, 0, 0.19);
    box-shadow:         0px 0px 18px 0px rgba(0, 0, 0, 0.19);
}
.testimonialNav .slick-slide.slick-current.slick-active.slick-center .autho_thumb img {
    width: 100%;
    height: 100%;
}
.testimonialNav .slick-slide.slick-current.slick-active.slick-center .test_author {
    opacity: 1;
    visibility: visible;
}
.test_author h5 {
    color: #333333;
    font-size: 22px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 3px;
    text-transform: capitalize;
}
.test_author p {
    color: #7c7c7c;
    font-size: 17px;
    line-height: .8;
    text-transform: capitalize;
    margin: 0;
}

/*--- Blog Item ---*/
.blogSlider.owl-carousel{
    position: relative;
}
.blogItem03{
    position: relative;
    overflow: hidden;
}
.blogItem03 img{
    width: 100%;
    height: auto;
    border-radius: 3px;
}
.blogItem03:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    border-radius: 3px;
    background: rgba(27, 27, 27, .55);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.blogItem03:hover:after{
    background: rgba(27, 27, 27, .8);
}
.blogContent02{
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 58px 0 55px;
    z-index: 2;
    transform: translate3d(0,-42px,0);
    -moz-transform: translate3d(0,-42px,0);
    -webkit-transform: translate3d(0,-42px,0);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.blogContent02 .bmeta{
    font-size: 12px;
    color: #eaeaea;
    font-family: 'Fira Sans', sans-serif;
    letter-spacing: 1.2px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 0;
}
.blogContent02 .bmeta i{
    display: inline-block;
    color: inherit;
    font-size: inherit;
    margin-right: 7px;
}
.blogContent02 .bmeta a{
    color: inherit;
}
.blogContent02 .bmeta a:hover{
    color: #8959dc;
}
.blogContent02 h3{
    color: #ffffff;
    font-size: 28px;
    line-height: 33px;
    font-weight: 600;
    margin: 0;
}
.blogContent02 h3 a{
    color: inherit;
}
.blogContent02 h3 a:hover{
    color: #8959dc;
}
.blogItem03 .berpo_btn.with_icon03{
    height: 47px;
    line-height: 47px;
    position: absolute;
    left: 55px;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 500ms cubic-bezier(.445,.05,.55,.95);
    -moz-transition: all 500ms cubic-bezier(.445,.05,.55,.95);
    -ms-transition: all 500ms cubic-bezier(.445,.05,.55,.95);
    -o-transition: all 500ms cubic-bezier(.445,.05,.55,.95);
    transition: all 500ms cubic-bezier(.445,.05,.55,.95);
    transform: translate3d(0,300px,0);
    -moz-transform: translate3d(0,300px,0);
    -webkit-transform: translate3d(0,300px,0);
    -ms-transform: translate3d(0,300px,0);
    -o-transform: translate3d(0,300px,0);
}
.blogItem03:hover .berpo_btn.with_icon03{
    visibility: visible;
    opacity: 1;
    transform: translate3d(0,-72px,0);
    -moz-transform: translate3d(0,-72px,0);
    -webkit-transform: translate3d(0,-72px,0);
    -ms-transform: translate3d(0,-72px,0);
    -o-transform: translate3d(0,-72px,0);
}
.blogItem03:hover .blogContent02{
    transform: translate3d(0,-151px,0);
    -moz-transform: translate3d(0,-151px,0);
    -webkit-transform: translate3d(0,-151px,0);
}
.blogSlider.owl-carousel .owl-nav {
    width: 100%;
}
.blogSlider.owl-carousel .owl-nav button {
    position: absolute;
    left: -118px;
    top: 46%;
    text-align: center;
    z-index: 5;
    font-size: 15.36px;
    line-height: 59px;
    width: 58px;
    height: 58px;
    background: #fff;
    color: #101a25;
    border: none;
    outline: none;
    z-index: 2;
    border-radius: 3px;
    display: block;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.blogSlider.owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: -118px;
}
.blogSlider.owl-carousel .owl-nav button:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2);
    z-index: -1;
    visibility: hidden;
    border-radius: 3px;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.blogSlider.owl-carousel .owl-nav button:hover:after{
    visibility: visible;
    opacity: 1;
}
.blogSlider.owl-carousel .owl-nav button:hover{
    color: #fff;
}

/*--- Faq ---*/
.bepAccordion.peracc02{
    margin-right: 16px;
}
.bepAccordion.peracc02 .card{
    box-shadow: none;
    background: #f7f8fd;
    border-radius: 3px;
    margin-bottom: 14px;
    padding: 0;
}
.bepAccordion.peracc02 .card .card-header h2 button{
    font-weight: 500;
    color: #fff;
    padding: 12px 39px;
}
.bepAccordion.peracc02 .card .card-header h2 button:before{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: '';
    border-radius: 3px;
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: -1;
}
.bepAccordion.peracc02 .card .card-header h2 button.collapsed{
    color: #1e1840;
}
.bepAccordion.peracc02 .card .card-header h2 button.collapsed:before{
    visibility: hidden;
    opacity: 0;
}
.bepAccordion.peracc02 .card .card-header h2 button span{
    width: 10px;
    height: 10px;
    right: 35px;
}
.bepAccordion.peracc02 .card .card-header h2 button span:before{
    width: 2px;
    height: 10px;
}
.bepAccordion.peracc02 .card .card-header h2 button.collapsed span:after{
    background: #101a25;
}
.bepAccordion.peracc02 .card .card-header h2 button span:after{
    width: 10px;
    height: 2px;
    background: #fff;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.bepAccordion.peracc02 .card .card-body{
    color: #464646;
    padding: 18px 39px 21px;
}

/*--- Footer ---*/
.fcta{
    position: relative;
    background-image: linear-gradient(to right, #ed145b, #e7007d, #d400a0, #af26c4, #6e45e2);
    border-radius: 3px;
    padding: 45px 88px 32px 80px;
    margin-top: -250px;
}
.fcta h3{
    margin: 0;
    color: #fff;
    font-size: 30px;
    line-height: 45px;
}
.fcta .berpo_btn.with_icon03{
    background: #fff;
    color: #181818;
    border: 2px solid #fff;
    line-height: 54px;
    margin-top: 15px;
}
.fcta .berpo_btn.with_icon03:hover{
    color: #fff;
    background: transparent;
}
.fcta .berpo_btn.with_icon03:after{
    background: transparent;
}
.fcta .berpo_btn.with_icon03:nth-child(2){
    color: #fff;
    background: transparent;
    margin-left: 12px;
}
.fcta .berpo_btn.with_icon03:hover:nth-child(2){
    background: #fff;
    color: #181818;
}
.footer_04{
    position: relative;
    background: url(../images/bg/21.jpg) no-repeat center center / cover;
    padding: 152px 0 75px;
}
.aboutWidget04{
    position: relative;
}
.aboutWidget04 h4{
    font-size: 22px;
    color: #ffffff;
    line-height: 28px;
    font-weight: 800;
    margin: 0 0 7px;
}
.aboutWidget04 p{
    font-size: 17px;
    line-height: 28px;
    color: #e9e9e9;
    margin: 0 0 27px;
}
.aboutWidget04 a{
    display: inline-block;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(255, 255, 255, .1);
    color: #ffffff;
    line-height: 48px;
    text-align: center;
    font-size: 18px;
    border-radius: 50%;
}
.aboutWidget04 a:hover{
    background: #8959dc;
    border-color: #8959dc;
}
.widget_title03{
    font-size: 22px;
    color: #ffffff;
    line-height: 22px;
    font-weight: 800;
    border-bottom: 1.5px solid #fff;
    display: inline-block;
    margin: 0 0 23px;
}
.wmenu03 ul{}
.wmenu03 ul.menu li{
    padding: 0;
    color: #e9e9e9;
    margin: 0 0 1px;
}
.wmenu03 ul.menu li:hover{
    padding-left: 5px;
}
.wmenu03 ul.menu li:hover a{
    color: #8959dc;
}
.wmenu03 ul li:after{
    display: none;
}
.cinfo{
    position: relative;
    color: #e9e9e9;
    font-size: 16px;
    line-height: 37px;
    margin: -11px 0 11px;
}
.cinfo span{
    font-weight: 700;
    color: #ffffff;
    margin-right: 4px;
}
.footer_04 .Copyright{
    position: relative;
    font-size: 16px;
    color: #a4a4a4;
    font-family: 'Fira Sans', sans-serif;
    letter-spacing: 0;
    padding: 0;
    margin: 49px 0 0;
}
.footer_04 .Copyright:after{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 1px;
    width: 38%;
    background: #2a2a2a;
    content: '';
}
.footer_04 .Copyright:before{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 1px;
    width: 38%;
    background: #2a2a2a;
    content: '';
}
.footer_04 .Copyright a{
    color: inherit;
}
.footer_04 .Copyright a:hover{
    color: #8959dc;
}

/*------------------------------------------------------
/ 5. Home Page 05
/------------------------------------------------------*/
/*--- Header 05 ---*/
.header05{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 5;
    padding: 0 125px 0 105px;
}
.fixedHeader.header05{
    position: fixed;
    background: #000;
}
.header05 .navbar01 {
    background: transparent;
    padding: 0;
    border-radius: 0;
    align-items: center;
}
.header05 .logo {
    line-height: 74px;
    padding: 55px 0;
}
.header05 .logo img {
    height: 74px;
}
.fixedHeader.header05 .logo{
    padding: 25px 0;
}
.accessNav02 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.accessNav02 .berpo_btn{
    height: 60px;
    line-height: 61px;
    font-size: 14px;
    padding: 0 42px;
}
.accessNav02 .berpo_btn:hover{
    color: #202020;
}
.accessNav02 .berpo_btn .bp-shape{
    background: #fff;
}
.accessNav02 a.search_btn{
    display: inline-block;
    width: 56px;
    height: 56px;
    line-height: 56px;
    border-radius: 50%;
    border: 1px solid #c89b5a;
    font-size: 16.19px;
    color: #f0eeef;
    text-align: center;
    margin-left: 28px;
}
.accessNav02 a.search_btn:hover{
    background: #c89b5a;
}
.popup_togggle_menu02{
    position: relative;
    display: inline-block;
    width: 56px;
    height: 56px;
    line-height: 56px;
    border-radius: 50%;
    border: 1px solid #c89b5a;
    color: #f0eeef;
    text-align: center;
    margin-left: 9px;
    background: transparent;
    padding: 18px 16px;
}
.popup_togggle_menu02 span{
    height: 4px;
    width: 100%;
    float: right;
    margin-bottom: 3px;
    position: relative;
    background: #fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.popup_togggle_menu02 span:nth-child(1){
    width: 12px;
}
.popup_togggle_menu02 span:nth-child(3){
    width: 18px;
}
.popup_togggle_menu02 span:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493);
    content: '';
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.popup_togggle_menu02.active span:after,
.popup_togggle_menu02:hover span:after{
    width: 100%;
}
.bodyBg{
    position: relative;
    background: url(../images/home5/3.jpg) no-repeat top left;
    padding: 206px 0 0;
}
.popup_togggle_menu02.active span:nth-child(1){
    display: none;
}
.popup_togggle_menu02.active span{
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    top: 7px;
}
.popup_togggle_menu02.active span:nth-child(3){
    top: 0;
    width: 100%;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
.pageLeft {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
body.menuOpened {
    overflow: hidden;
}
.menuOpened .pageLeft{
    margin-left: 350px;
    width: 100%;
}
.sidebarMenu {
    position: fixed;
    width: 350px;
    height: 100vh;
    left: -350px;
    top: 0;
    bottom: 0;
    z-index: 4;
    padding: 0;
    background: url(../images/home5/menu_bg.jpg) no-repeat center center / cover;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.menuOpened .sidebarMenu{
    left: 0;
}
.sidebar_menu {
    position: absolute;
    padding-left: 120px;
    width: 100%;
    left: 0;
    top: 251px;
}
.sidebar_menu .mCSB_scrollTools{
    width: 8px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: #c89b5a !important;
    border-radius: 0;
}
.sidebar_menu ul {
    margin: 0;
    padding: 0;
}
.sidebar_menu ul li {
    list-style: none;
    display: block;
    position: relative;
    margin: 0 0 21px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
}
.sidebar_menu ul li a {
    display: inline-block;
    font-size: 16px;
    font-family: 'Fira Sans', sans-serif;
    line-height: 20px;
    color: #ffffff;
    font-weight: 700;
    position: relative;
    text-transform: uppercase;
}
.sidebar_menu ul li > a:before{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 9px;
    height: 9px;
    background: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493);
    content: '';
    border-radius: 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.sidebar_menu ul li.active > a,
.sidebar_menu ul li:hover > a{
    padding-left: 22px;
}
.sidebar_menu ul li.active > a:before,
.sidebar_menu ul li:hover > a:before{
    visibility: visible;
    opacity: 1;
}
.sidebar_menu ul li > a:after{
    position: absolute;
    left: 0;
    bottom: -14px;
    width: 42px;
    height: 1px;
    background: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493);
    content: '';
    opacity: .23;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.sidebar_menu ul li.active > a:after,
.sidebar_menu ul li:hover > a:after{
    opacity: 1;
    width: 100%;
}
.sidebar_menu ul ul.sub-menu {
    margin: 0;
    padding: 29px 0 3px;
    display: none;
}
.sidebar_menu ul ul.sub-menu li{
    padding-left: 15px;
}
.sidebar_menu ul ul.sub-menu li:last-child{
    margin-bottom: 10px;
}
.sidebar_menu ul ul.sub-menu li a {
    font-size: 15px;
    display: inline-block;
    text-transform: capitalize;
}
.sidebar_menu ul ul.sub-menu ul li{
    padding-left: 22px;
}
.socials_bottom {
    position: absolute;
    left: 120px;
    bottom: 0;
    padding: 0 0 55px;
    margin: 0 auto;
    text-align: center;
}
.socials_bottom a{
    color: inherit;
    width: 48px;
    height: 48px;
    border: 1px solid #c89b5a;
    line-height: 48px;
    text-align: center;
    display: block;
    font-size: 18px;
    margin-bottom: 14px;
}
.socials_bottom a i{
    display: inline-block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493);
}

/*--- Icon Box ---*/
.expCount03{
    position: relative;
    z-index: 2;
    display: inline-block;
    background: #fff;
    padding: 28px 38px 26px;
    text-align: left;
    -webkit-box-shadow: 0px 15px 49px 0px rgba(101, 101, 101, 0.19);
    -moz-box-shadow:    0px 15px 49px 0px rgba(101, 101, 101, 0.19);
    box-shadow:         0px 15px 49px 0px rgba(101, 101, 101, 0.19);
}
.expCount03 h2{
    display: inline-block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493);
    font-size: 70px;
    line-height: 1;
    margin: 0;
}
.expCount03 h5{
    display: inline-block;
    color: #3c3a3a;
    font-size: 18px;
    line-height: 25px;
    font-weight: 600;
    margin: 0 0 0 15px;
    position: relative;
    top: -5px;
}
.icon_box_04{
    position: relative;
    padding-left: 107px;
    margin: 45px 0 55px;
}
.icon_box_04 .ibMeta{
    width: 83px;
    height: 83px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    border: 1px solid #e3c18e;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 37px;
    line-height: 88px;
    -webkit-box-shadow: 0px 20px 57px 0px rgba(101, 101, 101, 0.08);
    -moz-box-shadow:    0px 20px 57px 0px rgba(101, 101, 101, 0.08);
    box-shadow:         0px 20px 57px 0px rgba(101, 101, 101, 0.08);
}
.icon_box_04 .ibMeta i{
    color: inherit;
    display: inline-block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493);
}
.icon_box_04 h3{
    font-size: 19px;
    line-height: 24px;
    color: #222222;
    text-transform: uppercase;
    margin: 0 -10px 8px 0;
}
.icon_box_04 p{
    font-size: 16px;
    line-height: 26px;
    color: #555555;
    margin: 0;
}

/*--- Services ---*/
.service_item_06{
    position: relative;
    padding: 0 25px;
    margin-bottom: 40px;
}
.service_item_06 h3{
    font-size: 25px;
    line-height: 30px;
    color: #000000;
    text-transform: uppercase;
    margin: 0 0 19px;
}
.service_item_06 h3 a{
    color: inherit;
}
.service_item_06 h3 a:hover{
    color: #c89b5a;
}
.service_item_06 p{
    color: #555555;
    margin: 0;
}
.service_item_06 .ibMeta{
    width: 230px;
    height: 230px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 0 40px;
}
.service_item_06 .ibMeta img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.service_item_06 .ibMeta:before {
    position: absolute;
    left: -15px;
    top: -15px;
    width: calc(100% + 30px);
    height: calc(100% + 30px);
    content: '';
    border-style: dashed;
    border-width: 1px;
    border-color: #c89b5a;
    border-radius: 50%;
}
.service_item_06:hover .ibMeta:before{
    -webkit-animation-duration: 1500ms;
    animation-duration: 1500ms;
    -webkit-animation: rotated 20s infinite linear;
    animation-play-state: running;
    animation: rotated 20s infinite linear;
    animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    -webkit-transition: 500ms all ease;
    transition: 500ms all ease;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}

/*--- Work Item ---*/
.pricingTab05{
    position: relative;
    margin: 58px 0 35px;
    padding: 0;
    display: block;
}
.pricingTab05 li{
    list-style: none;
    display: block;
}
.pricingTab05 li a{
    display: inline-block;
    font-size: 18px;
    color: #555555;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Fira Sans', sans-serif;
    height: 49px;
    line-height: 50px;
    position: relative;
    z-index: 2;
    margin: 0 0 1px;
}
.pricingTab05 li a:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    content: '';
    background-image: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.pricingTab05 li a:before{
    position: absolute;
    left: 24px;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "\ec64";
    font-family: 'themewar' !important;
    color: #000000;
    font-size: 12px;
    font-weight: 400;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.pricingTab05 li a:hover:before,
.pricingTab05 li a.active:before{
    visibility: visible;
    opacity: 1;
}
.pricingTab05 li a:hover:after,
.pricingTab05 li a.active:after{
    visibility: visible;
    opacity: 1;
}
.pricingTab05 li a:hover,
.pricingTab05 li a.active{
    padding: 0 29px 0 48px;
}
.workItem{
    position: relative;
}
.workInfo{
    position: relative;
    background: url(../images/bg/30.jpg) no-repeat center center / cover;
    border-radius: 3px;
    margin-right: 19px;
    padding: 47px 42px 58px;
}
.workInfo:after{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: rgba(23, 23, 23, .93);
    border-radius: 3px;
}
.workInfo ul{
    margin: 0;
    padding: 0;
}
.workInfo ul li{
    list-style: none;
    display: block;
    position: relative;
    z-index: 2;
    font-family: 'Fira Sans', sans-serif;
    font-size: 19px;
    line-height: 33px;
    color: #a1a1a1;
    font-weight: 600;
}
.workInfo ul li span{
    display: inline-block;
    color: #fff;
}
.wiborder{
    display: block;
    width: calc(100% + 84px);
    height: 1px;
    background: #2f2f2f;
    margin-left: -42px;
    margin-top: 34px;
    margin-bottom: 35px;
}
.workInfo p{
    color: #cccccc;
    position: relative;
    z-index: 2;
    margin: 0 0 48px;
}
.workInfo .btn05{
    height: 57px;
    line-height: 57px;
    font-size: 13px;
    padding: 0 26px;
}
.workInfo .btn05:hover{
    color: #202020;
}
.workInfo .btn05 .bp-shape{
    background: #fff;
}
.workInfo:before{
    position: absolute;
    right: -105px;
    top: 83px;
    width: 175px;
    height: 2px;
    background: #c89b5a;
    content: '';
    z-index: 2;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.workSlider.owl-carousel .active .workInfo:before{
    right: -145px;
    opacity: 1;
}
.workSlider.owl-carousel{
    position: relative;
}
.workImage{
    position: relative;
    margin: 0 0 0 30px;
}
.workSlider.owl-carousel .workImage img{
    width: 100%;
    height: auto;
    border-radius: 3px;
}
.workSlider.owl-carousel{
    margin-top: -412px;
}
.workSlider.owl-carousel .workInfo{
    margin-top: 397px;
}
.workSlider.owl-carousel .owl-nav{
    text-align: center;
    max-width: 864px;
    margin-left: auto;
    margin-top: -215px;
    margin-bottom: 215px;
    position: relative;
    z-index: 2;
}
.workSlider.owl-carousel .owl-nav button{
    margin: 0;
    width: 70px;
    height: 57px;
    background: transparent;
    border-radius: 3px;
    line-height: 63px;
    text-align: center;
    font-size: 36px;
    color: #242424;
    position: relative;
    z-index: 2;
    margin: 0 1px;
}
.workSlider.owl-carousel .owl-nav button:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    content: '';
    z-index: -1;
    border-radius: 3px;
    background-image: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493);
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.workSlider.owl-carousel .owl-nav button.owl-next:after,
.workSlider.owl-carousel .owl-nav button:hover:after{
    width: 100%;
}
@media (min-width: 1440px){
    .container.cusContainer{
        max-width: 1525px;
        padding-left: 155px;
    }
}

/*--- Portfolio ---*/
.folioSlider02.owl-carousel{
    position: relative;
    overflow: hidden;
}
.folioSlider02.owl-carousel .folioItem04 img{
    width: 100%;
    height: auto;
    display: inline-block;
}
.folioItem04{
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.folioItem04:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    visibility: hidden;
    opacity: 0;
    background: rgba(29, 29, 28, .91);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.folioItem04:hover:after{
    visibility: visible;
    opacity: 1;
}
.folioItem04:before{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    border: 3px solid #c89b5a;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.folioItem04:hover:before{
    visibility: visible;
    opacity: 1;
}
.folioHover04{
    padding: 0 50px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: left;
    top: 50%;
    transform: translateY(-50%)  scale(.8);
    z-index: 3;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    transition: all ease 0.4s;
}
.folioItem04:hover .folioHover04{
    visibility: visible;
    opacity: 1;
    transform: translateY(-50%)  scale(1);
}
.folioHover04 h4{
    font-size: 35px;
    line-height: 40px;
    color: #ffffff;
    margin: 0 0 13px;
}
.folioHover04 h4 a{
    color: inherit;
}
.folioHover04 h4 a:hover{
    color: #c89b5a;
}
.folioHover04 p{
    font-size: 15px;
    line-height: 26px;
    color: #cccccc;
    margin: 0 0 25px;
}
.folioHover04 ul{
    margin: 0 0 48px;
    padding: 0;
}
.folioHover04 ul li{
    list-style: none;
    display: block;
    position: relative;
    padding-left: 16px;
    font-size: 15px;
    line-height: 30px;
    color: #a1a1a1;
    font-weight: 500;
    font-family: 'Fira Sans', sans-serif;
}
.folioHover04 ul li:after{
    position: absolute;
    left: 0;
    top: 1px;
    bottom: 0;
    margin: auto;
    width: 6px;
    height: 6px;
    background: #c89b5a;
    content: '';
}
.folioHover04 ul li span{
    color: #fff;
}
.folioHover04 .btn05{
    height: 57px;
    line-height: 57px;
    font-size: 13px;
    padding: 0 26px;
}
.folioSlider02.owl-carousel .owl-nav {
    width: 100%;
}
.folioSlider02.owl-carousel .owl-nav button {
    position: absolute;
    left: 17px;
    top: 50%;
    text-align: center;
    z-index: 5;
    font-size: 36px;
    line-height: 63px;
    width: 70px;
    height: 57px;
    background: #fff;
    color: #020202;
    border: none;
    outline: none;
    z-index: 1;
    border-radius: 3px;
    display: block;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.folioSlider02.owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: 17px;
}
.folioSlider02.owl-carousel .owl-nav button:after{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 0;
    height: 0;
    content: '';
    z-index: -1;
    border-radius: 3px;
    background-image: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.folioSlider02.owl-carousel .owl-nav button:hover:after{
    width: 100%;
    height: 100%;
}

/*--- Team Member ---*/
.team_05{
    position: relative;
    margin: 0 0 30px;
}
.team_05 img{
    width: 100%;
    height: auto;
    border-radius: 3px;
}
.team_05:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    visibility: hidden;
    opacity: 0;
    border-radius: 3px;
    background: rgba(39, 39, 39, .6);
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.team_05:hover:after{
    visibility: visible;
    opacity: 1;
}
.tmcontent02{
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 49%;
    transform: translateY(-50%) scale(.8);
    z-index: 3;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    transition: all ease 0.4s;
}
.team_05:hover .tmcontent02{
    visibility: visible;
    opacity: 1;
    transform: translateY(-50%) scale(1);
}
.tmcontent02 h3{
    font-size: 25px;
    line-height: 30px;
    color: #ffffff;
    margin: 0 0 0;
}
.tmcontent02 h3 a{
    color: inherit;
}
.tmcontent02 h3 a:hover{
    color: #c89b5a;
}
.tmcontent02 p{
    font-size: 16px;
    color: #ffffff;
    margin: 0;
}
.team_05 .tm_social{
    top: 70%;
}
.team_05 .tm_social a{
    color: #ffffff;
    font-size: 17px;
    margin: 0 6px;
}
.team_05 .tm_social a i{
    font-size: inherit;
    margin: 0;
}
.team_05 .tm_social a:hover{
    color: #c89b5a;
}
.team_05:hover .tm_social a {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

/*--- Skills ---*/
.skrItem02{
    position: relative;
    margin-bottom: 52px;
}
.circle-skill02{
    display: inline-block;
    position: relative;
    margin-bottom: 6px;
}
.circle-skill02 strong {
    position: absolute;
    left: 0;
    top: 47%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
    margin: auto;
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    line-height: .8;
    color: #7c7c7c;
    display: block;
}
.skrItem02 h5 {
    color: #333333;
    font-size: 17px;
    font-weight: 700;
    margin: 0 0;
}


/*--- Testimonial ---*/
.testimonial_slider05{
    position: relative;
    padding: 54px 0 0;
}
.testiItem05{
    position: relative;
    padding: 0 0 0 195px;
}
.testiItem05 .quote{
    position: absolute;
    z-index: -1;
    right: auto;
    left: 0;
    top: 0;
    width: 171px;
    height: 149px;
}
.testiItem05 .quote img{
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 0;
    top: 0;
}
.testiItem05 .quatation{
    color: #555555;
    margin: 0 0 25px;
}
.ti_author{
    position: relative;
    padding-left: 104px;
    padding-top: 14px;
    margin: 0 0 40px -6px;
}
.ti_author img{
    width: 86px;
    height: 86px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    border: 6px solid #fff;
    -webkit-box-shadow: 0px 15px 30px 0px rgb(101 101 101 / 19%);
    -moz-box-shadow: 0px 15px 30px 0px rgba(101, 101, 101, 0.19);
    box-shadow: 0px 15px 30px 0px rgb(101 101 101 / 19%);
}
.ti_author h5{
    font-size: 22px;
    line-height: 29px;
    color: #382c4d;
    font-weight: 600;
    margin: 0;
}
.ti_author h5 span{
    display: block;
    font-size: 15px;
    color: #c89b5a;
    font-weight: 400;
}


.testibgThumb{
    position: absolute;
    left: 0;
    bottom: -79px;
    padding: 40px;
    border: 2px solid #e5e6fa;
    border-radius: 50%;
}
.testibgThumb img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #e5e6fa;
}

.testimonial_slider05 .carousel-indicators{
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    list-style: none;
    z-index: 2;
}
.testimonial_slider05 .carousel-indicators li{
    height: 124px;
    width: 124px;
    border: 6px solid #fff;
    -webkit-box-shadow: 0px 45px 45px 0px rgba(147, 147, 147, 0.35);
    -moz-box-shadow:    0px 45px 45px 0px rgba(147, 147, 147, 0.35);
    box-shadow:         0px 45px 45px 0px rgba(147, 147, 147, 0.35);
    border-radius: 50%;
    overflow: hidden;
    margin: 0;
    text-indent: 0;
    opacity: 1;
    position: absolute;
    left: 16px;
    top: -214px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
}
.testimonial_slider05 .carousel-indicators li:nth-child(2){
    width: 98px;
    height: 98px;
    left: 50%;
    top: -152px;
}
.testimonial_slider05 .carousel-indicators li:nth-child(3){
    width: 68px;
    height: 68px;
    left: 31%;
    top: 185px;
}
.testimonial_slider05 .carousel-indicators li:nth-child(4){
    width: 134px;
    height: 134px;
    left: auto;
    right: 27px;
    top: 133px;
}
.testimonial_slider05 .ccnav{
    margin: 0;
    width: 70px;
    height: 57px;
    background: transparent;
    border-radius: 3px;
    line-height: 63px;
    text-align: center;
    font-size: 36px;
    color: #242424;
    z-index: 2;
    margin: 0;
    opacity: 1;
    position: absolute;
    left: 37.5%;
    bottom: -122px;
    top: auto;
    display: block;
}
.testimonial_slider05 .carousel-control-next{
    left: calc(37.5% + 80px);
}
.testimonial_slider05 .carousel-control-prev{

}
.testimonial_slider05 .ccnav:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    content: '';
    z-index: -1;
    border-radius: 3px;
    background-image: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493);
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.testimonial_slider05 .ccnav.carousel-control-next:after,
.testimonial_slider05 .ccnav:hover:after{
    width: 100%;
}
.testimonial_slider05 .carousel-indicators li img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

/*--- Client Logo ---*/
.client-slider02.owl-carousel{
    position: relative;
}
.client-slider02.owl-carousel a {
    display: inline-block;
    text-align: center;
}
.client-slider02.owl-carousel a img {
    height: auto;
    width: 165px;
}
.client-slider02.owl-carousel .owl-item {
    text-align: center;
}

/*--- Blog Item ---*/
.blogSlider02.owl-carousel .owl-stage-outer {
    height: calc(100% + 40px);
    margin: -20px;
    padding: 20px;
    width: calc(100% + 40px);
}
.blogItem04{
    position: relative;
    margin: 0 0 106px;
    background: #f6f6f6;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.blogItem04:hover{
    background: #FFF;
    -webkit-box-shadow: 0px 34px 30px 0px rgba(135, 153, 163, 0.3);
    -moz-box-shadow:    0px 34px 30px 0px rgba(135, 153, 163, 0.3);
    box-shadow:         0px 34px 30px 0px rgba(135, 153, 163, 0.3);
}
.blogItem04 img{
    width: 100%;
    height: auto;
}
.blogContent03{
    position: relative;
    padding: 34px 65px 45px 40px;
}
.blogContent03 h3{
    font-size: 20px;
    line-height: 30px;
    color: #252525;
    margin: 0 0 6px;
}
.blogContent03 h3 a{
    color: inherit;
}
.blogContent03 h3 a:hover{
    color: #8799a3;
}
.blogContent03 .bmeta{
    color: inherit;
    font-size: 14px;
    margin: 0 0 17px;
}
.blogContent03 .bmeta a{
    color: inherit;
    display: inline-block;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493);
}
.blogContent03 .bmeta i{
    font-size: 15px;
    margin-right: 6px;
}
.blogContent03 .bmeta span{
    color: #bbc7cd;
    margin-left: 30px;
}
.blogContent03 p{
    font-size: 17px;
    color: #555555;
    margin: 0;
}
.blogSlider02.owl-carousel .owl-nav{
    position: relative;
    text-align: center;
}
.blogSlider02.owl-carousel .owl-nav button{
    margin: 0;
    width: 70px;
    height: 57px;
    background: transparent;
    border-radius: 3px;
    line-height: 63px;
    text-align: center;
    font-size: 36px;
    color: #242424;
    position: relative;
    z-index: 2;
    margin: 0 1px;
}
.blogSlider02.owl-carousel .owl-nav button:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    content: '';
    z-index: -1;
    border-radius: 3px;
    background-image: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493);
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.blogSlider02.owl-carousel .owl-nav button.owl-next:after,
.blogSlider02.owl-carousel .owl-nav button:hover:after{
    width: 100%;
}


/*--- Gallery ---*/
.gallerySlider.owl-carousel{
    position: relative;
    overflow: hidden;
}
.gallerItem {
    position: relative;
    overflow: hidden;
    background: linear-gradient(to left, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493);
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    margin: 0;
}
.gallerItem img {
    width: 100%;
    height: auto;
    display: block;
    opacity: 1;
    mix-blend-mode: unset;
    transition: all ease 750ms;
    -moz-transition: all ease 750ms;
    -webkit-transition: all ease 750ms;
}
.galleryItem_btn {
    position: absolute;
    height: 45px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 100%;
    display: flex;
    justify-content: center;
}
.galleryItem_btn a {
    width: 45px;
    height: 45px;
    line-height: 45px;
    display: inline-block;
    background: #fff;
    font-size: 16px;
    text-align: center;
    color: #c89b5a;
    padding: 0 0;
    margin: 0 3px;
    opacity: 0;
    visibility: hidden;
    border-radius: 50%;
}
.galleryItem_btn a:hover{
    background: #c89b5a;
    color: #fff;
}
.galleryItem_btn a:nth-child(01) {
    -webkit-transition: transform 300ms cubic-bezier(.445,.05,.55,.95),opacity ease 300ms,visibility ease 300ms,background ease 300ms,color ease 300ms;
    -moz-transition: transform 300ms cubic-bezier(.445,.05,.55,.95),opacity ease 300ms,visibility ease 300ms,background ease 300ms,color ease 300ms;
    -ms-transition: transform 300ms cubic-bezier(.445,.05,.55,.95),opacity ease 300ms,visibility ease 300ms,background ease 300ms,color ease 300ms;
    -o-transition: transform 300ms cubic-bezier(.445,.05,.55,.95),opacity ease 300ms,visibility ease 300ms,background ease 300ms,color ease 300ms;
    transition: transform 300ms cubic-bezier(.445,.05,.55,.95),opacity ease 300ms,visibility ease 300ms,background ease 300ms,color ease 300ms;
    transform: translate3d(0,90px,0);
    -moz-transform: translate3d(0,90px,0);
    -webkit-transform: translate3d(0,90px,0);
    -ms-transform: translate3d(0,90px,0);
    -o-transform: translate3d(0,90px,0);
}
.galleryItem_btn a:nth-child(02) {
    -webkit-transition: transform 500ms cubic-bezier(.445,.05,.55,.95),opacity ease 300ms,visibility ease 300ms,background ease 300ms,color ease 300ms;
    -moz-transition: transform 500ms cubic-bezier(.445,.05,.55,.95),opacity ease 300ms,visibility ease 300ms,background ease 300ms,color ease 300ms;
    -ms-transition: transform 500ms cubic-bezier(.445,.05,.55,.95),opacity ease 300ms,visibility ease 300ms,background ease 300ms,color ease 300ms;
    -o-transition: transform 500ms cubic-bezier(.445,.05,.55,.95),opacity ease 300ms,visibility ease 300ms,background ease 300ms,color ease 300ms;
    transition: transform 500ms cubic-bezier(.445,.05,.55,.95),opacity ease 300ms,visibility ease 300ms,background ease 300ms,color ease 300ms;
    transform: translate3d(0,90px,0);
    -moz-transform: translate3d(0,90px,0);
    -webkit-transform: translate3d(0,90px,0);
    -ms-transform: translate3d(0,90px,0);
    -o-transform: translate3d(0,90px,0);
}
.gallerItem:hover img {
    opacity: .95;
    mix-blend-mode: luminosity;
    transform: scale(1.2) rotate(-3deg);
    -moz-transform: scale(1.2) rotate(-3deg);
    -webkit-transform: scale(1.2) rotate(-3deg);
}
.gallerItem:hover .galleryItem_btn a:nth-child(01), 
.gallerItem:hover .galleryItem_btn a:nth-child(02) {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
}

/*--- Footer ---*/
.fcta02{
    position: relative;
    border-bottom: 1px solid rgba(112, 112, 112, .1);
    padding: 0 0 30px;
    margin-bottom: 42px;
}
.fcta02 img{
    max-width: 100%;
    height: auto;
}
.fsocial{
    position: relative;
    text-align: right;
    padding: 17px 0 0;
}
.fsocial a{
    display: inline-block;
    width: 35px;
    height: 35px;
    background: #192947;
    color: #c2c2c2;
    line-height: 35px;
    font-size: 14px;
    position: relative;
    z-index: 2;
    text-align: center;
    margin-left: 10px;
}
.fsocial a:after{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 0;
    height: 0;
    content: '';
    z-index: -1;
    background-image: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.fsocial a:hover:after{
    width: 100%;
    height: 100%;
}
.fsocial a:hover{
    color: #fff;
}
.footer_05{
    position: relative;
    background: #0a111f;
    padding: 31px 0 0;
}
.footer_05 .aboutWidget04 h4{
    font-weight: 700;
    letter-spacing: .22px;
    margin-bottom: 18px;
}
.footer_05 .aboutWidget04 p{
    font-size: 16px;
    line-height: 24px;
    color: #c2c2c2;
    letter-spacing: .16px;
}
.widget_title04{
    color: #fff;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: .20px;
    font-weight: 700;
    margin: 0 0 30px;
}
.widget.wmenu04 ul.menu{}
.widget.wmenu04 ul.menu li{
    font-size: 15px;
    line-height: 24px;
    color: #c2c2c2;
    letter-spacing: .15px;
    margin-bottom: 3px;
}
.widget.wmenu04 ul.menu li:hover a{
    color: #c89b5a;
}
.withIcon{
    position: relative;
    font-size: 14px;
    color: #c2c2c2;
    margin: -18px 0 12px;
}
.withIcon i{
    position: relative;
    top: 2px;
    display: inline-block;
    margin-right: 19px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #c89b5a, #d0a568, #d7af76, #dfba85, #e6c493);
}
.withIcon span{
    display: inline-block;
    margin: 0 16px;
    color: inherit;
    font-weight: inherit;
}
.footer_05 .Copyright{
    border-top: 1px solid rgba(112, 112, 112, .1);
    color: #c2c2c2;
    font-weight: 500;
    letter-spacing: .15px;
    padding: 22px 0;
    margin-top: 21px;
}
.footer_05 .Copyright a{
    color: inherit;
}
.footer_05 .Copyright a:hover{
    color: #c89b5a;
}

/*------------------------------------------------------
/ 6. Home Page 06
/------------------------------------------------------*/
/*--- Header 06 ---*/
.tp03.topbar01 p i{
    color: var(--theme-color-six);
}
.tp03.topbar01 p a:hover{
    color: var(--theme-color-six);
}
.tp03 .topsocial a{
    color: var(--theme-color-six);
}
.tp03 .topsocial a:hover{
    background: var(--theme-color-six);
    color: #fff;
}
.h06 .mainMenu ul li:hover > a {
    color: var(--theme-color-six);
}
.h06 .mainMenu ul li .sub-menu li.current-menu-item > a, .h06 .mainMenu ul li .sub-menu li:hover > a {
    color: #fff;
    background: var(--theme-color-six);
}
.h06 .accessNav .search_btn:hover{
    background: var(--theme-color-six);
}
.h06 .shoping_cart a.cartBtn:hover{
    background: var(--theme-color-six);
}
.h06 .accessNav .berpo_btn{
    background: var(--theme-color-six);
}
.h06 .mainMenu ul li .sub-menu{
    border-color: var(--theme-color-six);
}
.h06 .showcase h5 span{
    color: var(--theme-color-six);
}

/*--- About Video ---*/
.videoBG{
    position: relative;
}
.videoBG img{
    max-width: 100%;
    height: auto;
    border-radius: 12px;
}
.videoBG .popup_video{
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    width: 39px;
    height: 39px;
    line-height: 39px;
    color: #fff;
    font-size: 10px;
    background: var(--theme-color-six);
}
.videoBG .popup_video:hover{
    background: #382c4d;
}
.videoBG .popup_video:after{
    display: none;
}
.videoBG .popup_video:before {
    border: none;
    width: calc(100% + 16px);
    height: calc(100% + 16px);
    left: -8px;
    right: 0;
    top: -8px;
    z-index: -1;
    background: rgba(255, 255, 255, .15);
    position: absolute;
    content: '';
    transform: none;
    border-radius: 50%;
    animation-fill-mode: both;
    animation: blinker 1.5s ease-in-out infinite;
    -webkit-animation: blinker 1.5s ease-in-out infinite;
    -moz-animation: blinker 1.5s ease-in-out infinite;
}

/*--- Service Item ---*/
.service_item_07{
    position: relative;
    z-index: 2;
    border-radius: 10px;
    margin: 0 8px 40px;
    padding: 65px 15px 44px;
    border: 1px solid #e8e8e8;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.service_item_07:hover{
    border-color: transparent;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:    0px 10px 30px 0px rgba(0, 0, 0, 0.05);
    box-shadow:         0px 10px 30px 0px rgba(0, 0, 0, 0.05);
}
.service_item_07:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    border-radius: 10px;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-box-shadow: 0px 4px 0px 0px rgba(0, 185, 255, 1);
    -moz-box-shadow: 0px 4px 0px 0px rgba(0, 185, 255, 1);
    box-shadow: 0px 4px 0px 0px rgba(0, 185, 255, 1);
}
.service_item_07:hover:after {
    visibility: visible;
    opacity: 1;
}
.service_item_07 .ibMeta{
    font-size: 71px;
    line-height: 71px;
    color: var(--theme-color-six);
    margin: 0 0 50px;
}
.service_item_07 h3{
    color: #382c4d;
    font-size: 24px;
    line-height: 30px;
    font-weight: 800;
    margin: 0 0 7px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.service_item_07 h3 a{
    color: inherit;
}
.service_item_07 h3 a:hover{
    color: var(--theme-color-six);
}
.service_item_07 h5{
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    color: var(--theme-color-six);
    margin: 0 0 23px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.service_item_07 p{
    color: #5f5f5f;
    line-height: 30px;
    margin: 0;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.service_item_07 .srm{
    width: 56px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    display: inline-block;
    background: var(--theme-color-six);
    color: #fff;
    font-size: 16px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -30px;
    margin: auto;
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0, -15px, 0);
    -moz-transform: translate3d(0, -15px, 0);
    -webkit-transform: translate3d(0, -15px, 0);
}
.service_item_07:hover .srm{
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}
.service_item_07 .srm:hover{
    background: #382c4d;
}
.service_item_07:hover h3, .service_item_07:hover h5, .service_item_07:hover p{
    transform: translate3d(0, -25px, 0);
    -moz-transform: translate3d(0, -25px, 0);
    -webkit-transform: translate3d(0, -25px, 0);
}

/*--- Pricing Table ---*/

.pricing-item-04{
    position: relative;
    padding: 70px 31px 50px;
}
.pricing-item-04 .p-title{
    position: relative;
    z-index: 2;
    font-size: 30px;
    color: #382c4d;
    font-weight: 600;
    margin: 0 0 40px;
    display: inline-block;
}
.pricing-item-04 .p-title:after {
    content: '';
    position: absolute;
    left: -5px;
    right: 0;
    bottom: 6px;
    height: 9px;
    z-index: -1;
    border-radius: 5px;
    width: calc(100% + 10px);
    background: #fdecd8;
}
.pricing-item-04 .p-price{
    font-size: 65.69px;
    color: #382c4d;
    font-weight: 600;
    letter-spacing: -1.3px;
    margin: 0 0 24px;
}
.pricing-item-04 .p-price sup{
    font-size: inherit;
    margin: 0;
    top: 20px;
}
.pricing-item-04 h5{
    font-size: 18px;
    color: #382c4d;
    font-weight: 400;
    margin: 0 0 31px;
}
.pricing-item-04 .pdivider{
    border-top: 1px solid #ededed;
    margin: 0 0 33px;
    max-width: 298px;
}
.pricing-item-04 ul{
    margin: 0 0 23px;
    padding: 0;
}
.pricing-item-04 ul li{
    display: block;
    font-size: 19px;
    color: #382c4d;
    font-family: 'Fira Sans', sans-serif;
    margin-bottom: 13px;
}
.pricing-item-04 ul li:last-child{
    border: none;
}
.pricing-item-04 ul li i{
    color: #ff5337;
    font-size: 16px;
    display: inline-block;
    margin-right: 12px;
}

/*--- Testimonial ---*/
.testimonial_slider06{
    position: relative;
}
.testimonial_slider06 img{
    max-width: 100%;
    height: auto;
}
.testiContent{
    position: relative;
    padding: 244px 0 0 20px;
}
.testiContent .subTitle{
    color: var(--theme-color-six);
    font-weight: 600;
    margin-bottom: 8px;
}
.testiContent .secTitle{
    color: #382c4d;
    font-size: 45px;
    line-height: 60px;
    font-weight: 600;
    margin: 0 0 22px;
}
.testiContent .quotation{
    font-size: 18px;
    line-height: 28px;
    color: #5f5f5f;
    font-weight: 400;
    font-style: normal;
    margin-bottom: 44px;
}
.testiContent h5{
    color: var(--theme-color-six);
    font-weight: 400;
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 0;
}
.testiContent h5 span{
    display: block;
    color: #382c4d;
    font-weight: 600;
    font-size: 20px;
}

/*--- Business Startegy ---*/
.abImg {
    position: relative;
    overflow: hidden;
}
.abImg img {
    height: auto;
    width: auto;
}
.withborder{
    width: 171px;
    height: 1px;
    background: var(--theme-color-six);
    position: absolute;
    left: -42px;
    top: 137px;
    z-index: 2;
}
.icon_box_05{
    position: relative;
    margin: 0 0 49px;
}
.icon_box_05 .ibMeta{
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    font-size: 30px;
    line-height: 60px;
    color: #545cf5;
    margin: 0 0 27px;
}
.icon_box_05 h3{
    font-size: 20px;
    line-height: 25px;
    color: #ffffff;
    margin: 0 0 8px;
}
.icon_box_05 p{
    font-size: 16px;
    line-height: 25px;
    color: #cfcfcf;
    margin: 0;
}

/*--- Work Item ---*/
.filter_menu03 {
    position: relative;
    margin: 0 0 30px;
    padding: 0;
    display: flex;
    justify-content: center;
    font-family: 'Fira Sans', sans-serif;
}
.filter_menu03.text-center{
    justify-content: center;
}
.filter_menu03.text-right{
    justify-content: flex-end;
}
.filter_menu03 li {
    cursor: pointer;
    list-style: none;
    display: inline-block;
    font-size: 15px;
    color: #000000;
    line-height: 32px;
    padding: 0;
    margin: 0 12px;
    font-weight: 500;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.filter_menu03 li span{
    color: #dedede;
    font-size: 9px;
    position: relative;
    top: -5px;
    left: 7px;
    line-height: .9;
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.filter_menu03 li.active,
.filter_menu03 li:hover{
    color: var(--theme-color-six);
}
.filter_menu03 li.active span,
.filter_menu03 li:hover span{
    color: var(--theme-color-six);
}
/*.cusCol .col-lg-8{
    -ms-flex: 0 0 61.666667%;
    flex: 0 0 61.666667%;
    max-width: 61.666667%;
}
.cusCol .col-lg-4{
    -ms-flex: 0 0 38.333333%;
    flex: 0 0 38.333333%;
    max-width: 38.333333%;
}*/
.folioItem05{
    position: relative;
    overflow: hidden;
    background: var(--theme-color-six);
    margin: 0 5.5px 10px;
}
.folioItem05 img{
    width: 100%;
    height: auto;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.folioItem05:hover img{
    opacity: .27;
}
.folioItem05:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.folioItem05:hover:after{
    visibility: visible;
    opacity: 1;
}
.folioHover05{
    font-family: 'Fira Sans', sans-serif;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
    text-align: center;
    padding: 0 15px;
    z-index: 2;
}
.folioHover05 .crm{
    position: relative;
    right: auto;
    display: inline-block;
    background: #3d334c;
    width: 61px;
    height: 61px;
    border-radius: 50%;
    text-align: center;
    font-size: 17.94px;
    color: #fff;
    line-height: 62px;
    margin: 0;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    transform: scale(.8);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.folioHover05 .crm:hover{
    background: #fff;
    color: #3d334c;
}
.folioHover05 h4 {
    font-size: 40px;
    line-height: 50px;
    color: #ffffff;
    font-weight: 600;
    margin: 0 auto 24px;
    letter-spacing: -1.6px;
    max-width: 390px;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.folioHover05 h4 a{
    color: inherit;
}
.folioHover05 h4 a:hover{
    color: #3d334c;
}
.folioHover05 p{
    font-size: 17px;
    color: #ffffff;
    margin: 0 0 2px;
    transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.folioHover05 p a{
    color: inherit;
}
.folioHover05 p a:hover{
    color: #3d334c;
}
.folioItem05:hover .folioHover05 .crm{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    visibility: visible;
    opacity: 1;
}
.folioItem05:hover .folioHover05 h4{
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    visibility: visible;
    opacity: 1;
}
.folioItem05:hover .folioHover05 p{
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    visibility: visible;
    opacity: 1;
}

/*--- Store Btn ---*/
.storeBtn{
    position: relative;
}
.storeBtn{
    position: relative;
    display: inline-block;
    height: 64px;
    line-height: .8;
    background: #4a4a4a;
    border-radius: 50px;
    font-size: 16px;
    color: #ffffff;
    font-weight: 700;
    padding: 17px 40px 0 72px;
    -webkit-box-shadow: -3px 5px 30px 6px rgba(198, 198, 198, 0.3);
    -moz-box-shadow:    -3px 5px 30px 6px rgba(198, 198, 198, 0.3);
    box-shadow:         -3px 5px 30px 6px rgba(198, 198, 198, 0.3);
}
.storeBtn img{
    width: 26px;
    height: 26px;
    position: absolute;
    left: 34px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.storeBtn span{
    font-size: 10px;
    font-weight: 400;
    display: block;
    margin-bottom: 7px;
}
.storeBtn:hover{
    background: #fff;
    color: #1d2a3b;
}
.storeBtn:last-child{
    background: #fff;
    color: #1d2a3b;
    margin-left: 12px;
}
.storeBtn:hover:last-child{
    background: #4a4a4a;
    color: #fff;
}

/*--- Team Member ---*/
.tmSlider04.owl-carousel{
    position: relative;
    margin-left: 5px;
}
.team_06{
    position: relative;
    margin: 0 0 38px;
    border-radius: 10px;
    background: var(--theme-color-six);
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.tmSlider04.owl-carousel .team_06 img{
    width: 100%;
    height: auto;
    border-radius: 10px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.team_06:hover img{
    opacity: .14;
}
.tmcontent03{
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 51%;
    transform: translateY(-50%);
    z-index: 3;
}
.tmcontent03 h3{
    font-size: 28px;
    line-height: 33px;
    color: #ffffff;
    font-weight: 600;
    margin: 0 0 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    transition: all ease 0.4s;
    transform: translate3d(-20px, 0, 0);
    -moz-transform: translate3d(-20px, 0, 0);
    -webkit-transform: translate3d(-20px, 0, 0);
}
.tmcontent03 h3 a{
    color: inherit;
}
.tmcontent03 h3 a:hover{
    color: #382c4d;
}
.tmcontent03 p{
    font-size: 16.81px;
    line-height: 25px;
    color: #ffffff;
    margin: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    transition: all ease 0.4s;
    transform: translate3d(20px, 0, 0);
    -moz-transform: translate3d(20px, 0, 0);
    -webkit-transform: translate3d(20px, 0, 0);
}
.team_06:hover .tmcontent03 p{
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}
.team_06:hover .tmcontent03 h3{
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}
.team_06 .tm_social{
    top: 67%;
}
.team_06 .tm_social a{
    color: #ffffff;
    font-size: 21px;
    margin: 0 23px;
}
.team_06 .tm_social a i{
    font-size: inherit;
    margin: 0;
}
.team_06 .tm_social a:hover{
    color: #382c4d;
}
.team_06:hover .tm_social a {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}
.tmSlider04.owl-carousel .owl-dots{
    position: relative;
    margin: 0;
    padding: 0;
    text-align: center;
}
.tmSlider04.owl-carousel .owl-dots button span{
    display: none;
}
.tmSlider04.owl-carousel .owl-dots button{
    width: 7px;
    height: 7px;
    background: #9c9c9c;
    border-radius: 50%;
    margin: 0 14px;
    position: relative;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    transition: all ease 0.4s;
}
.tmSlider04.owl-carousel .owl-dots button:after{
    position: absolute;
    left: -10px;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    content: '';
    transform: scale(.8);
    visibility: hidden;
    opacity: 0;
    border: 2px solid var(--theme-color-six);
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    transition: all ease 0.4s;
}
.tmSlider04.owl-carousel .owl-dots button.active:after,
.tmSlider04.owl-carousel .owl-dots button:hover:after{
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}
.tmSlider04.owl-carousel .owl-dots button.active,
.tmSlider04.owl-carousel .owl-dots button:hover{
    background: var(--theme-color-six);
}
.tmCon{
    position: relative;
    padding: 123px 0 0 33px;
}
.tmCon > h5{
    font-size: 35px;
    line-height: 44px;
    color: #382c4d;
    margin: 0 0 16px;
}
.tmCon p{
    margin: 0 0 33px;
}
.tmCon .twiiterFedd i{
    width: 46px;
    height: 46px;
    background: #f7f7f7;
    border-radius: 50%;
    line-height: 46px;
    color: var(--theme-color-six);
    font-size: 16px;
    top: -2px;
}
.tmCon .twiiterFedd h5{
    color: #000000;
    font-weight: 700;
    line-height: 21px;
}
.tmCon .twiiterFedd h5 span{
    font-size: 12px;
    color: inherit;
    font-weight: 500;
}

/*--- Funfact ---*/
.funfact04{
    position: relative;
    padding-left: 80px;
}
.funfact04 .factThumb{
    width: 62px;
    height: 62px;
    line-height: 60px;
    position: absolute;
    left: 0;
    top: -1px;
}
.funfact04 .factThumb img{
    height: 43px;
}
.funfact04 h2{
    color: #ffffff;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
    margin: 0 0 4px;
}
.funfact03 h2 sup {
    font-size: inherit;
    top: -2px;
    font-style: normal;
}
.funfact04 h5{
    color: #b4b4b4;
    font-size: 17px;
    line-height: 24px;
    font-weight: 400;
    margin: 0;
}


/*--- Blog Item ---*/
.blogItem05{
    position: relative;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 50px;
}
.blogItem05 .blogThumb img{
    width: 100%;
    height: auto;
    border-radius: 10px;
}
.blogContent04{
    position: relative;
    padding: 0 0 34px 30px;
    margin-top: -22px;
}
.blogContent04 .bmeta{
    height: 47px;
    font-family: 'Fira Sans', sans-serif;
    background: var(--theme-color-six);
    line-height: 48px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    margin: 0 0 14px -9px;
    border-radius: 50px;
    padding: 0 22px;
}
.blogContent04 .bmeta i{
    color: inherit;
    font-size: inherit;
    margin-right: 6px;
    position: relative;
    top: 1px;
}
.blogContent04 .bmeta:hover{
    background: #382c4d;
}
.blogContent04 h3{
    font-size: 25px;
    line-height: 32px;
    color: #382c4d;
    font-weight: 600;
    margin: 0 0 6px;
}
.blogContent04 h3 a{
    color: inherit;
}
.blogContent04 h3 a:hover{
    color: var(--theme-color-six);
}
.blogContent04 .rmb{
    width: 42px;
    height: 42px;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    background: #f5f5f5;
    line-height: 42px;
    font-size: 16px;
    color: #382c4d;
    position: absolute;
    left: 140px;
    bottom: -22px;
    z-index: 2;
}
.blogContent04 .rmb:hover{
    background: var(--theme-color-six);
    color: #fff;
}
.blogItem05:after{
    position: absolute;
    width: 88px;
    height: 1px;
    content: '';
    background: #fff;
    left: 118px;
    bottom: -1px;
}

/*------------------------------------------------------
/ 7. Home Page 07
/------------------------------------------------------*/
/*--- Header 07 ---*/

.tp04.topbar01 p{
    color: #242f51;
}
.tp04.topbar01 p i{
   1 background: transparent;
}
.tp04 .topsocial a{
    background: transparent;
}
.tp04 .topsocial a:hover{
    color: #e70012;
}
.h07 .navbar01{
    -webkit-box-shadow: -2px 4px 43px 0px rgba(0, 0, 0, 0.14);
    -moz-box-shadow:    -2px 4px 43px 0px rgba(0, 0, 0, 0.14);
    box-shadow:         -2px 4px 43px 0px rgba(0, 0, 0, 0.14);
}

/*--- Serice Item ---*/
.service_item_08{
    position: relative;
    background: #fff;
    border-radius: 10px;
    margin: 0 0 50px;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    transition: all ease 0.4s;
}
.serviceSlider03.owl-carousel .siThumb img{
    width: 100%;
    height: auto;
    border-radius: 0 0 5px 5px;
}
.service_item_08 h3{
    color: #181818;
    font-size: 17.14px;
    line-height: 24px;
    margin: 18px 21px 10px;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    transition: all ease 0.2s;
}
.service_item_08 h3 i{
    width: 49px;
    height: 49px;
    background: #e3e3e3;
    line-height: 49px;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    color: #000;
    font-size: 26px;
    margin-right: 10px;
    top: 4px;
    position: relative;
    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    transition: all ease 0.4s;
}
.service_item_08 h3 a{
    color: inherit;
}
.service_item_08 .srm{
    height: 47px;
    position: absolute;
    left: 17px;
    bottom: 0;
    width: calc(100% - 34px);
    background: #e70012;
    font-size: 13px;
    color: #ffffff;
    font-weight: 700;
    line-height: 47px;
    text-align: center;
    display: block;
    border-radius: 0 0 10px 10px;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}
.service_item_08:hover{
    background: #e70012;
}
.service_item_08:hover h3{
    color: #fff;
}
.service_item_08:hover h3 i{
    color: #fff;
    background: #980000;
}
.service_item_08:hover .srm{
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 47px, 0);
    -moz-transform: translate3d(0, 47px, 0);
    -webkit-transform: translate3d(0, 47px, 0);
}
.service_item_08 .srm:hover{
    color: #181818;
}
.serviceSlider03.owl-carousel{
    position: relative;
}
.serviceSlider03.owl-carousel .owl-nav{
    width: 100%;
}
.serviceSlider03.owl-carousel  .owl-nav button{
    position: absolute;
    left: -118px;
    top: 42%;
    text-align: center;
    z-index: 5;
    font-size: 24px;
    line-height: 73px;
    width: 73px;
    height: 73px;
    background: #f4f4f4;
    color: #0d0d0d;
    border: none;
    outline: none;
    border-radius: 50%;
    display: block;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.serviceSlider03.owl-carousel  .owl-nav button.owl-next{
    left: auto;
    right: -118px;
    top: 54%;
}
.serviceSlider03.owl-carousel  .owl-nav button:hover{
    background: #e70012;
    color: #fff;
}

/*--- Funfact ---*/
.abCon7 .funfact04{
    padding-left: 0;
}
.abCon7 .funfact04 .factThumb{
    height: auto;
    width: auto;
    background: transparent;
    line-height: inherit;
    border-radius: 0;
    margin: 0;
}
.abCon7 .funfact04 .factThumb img{
    height: 32px;
}
.abCon7 .funfact04 h2{
   color: #e70012;
    font-size: 56px;
    font-weight: 700;
    font-family: arial;
}
.abCon7 .funfact04 h5{
    color: #000000;
    font-size: 18px;
    line-height: 20px;   margin-top: 22px;
}
.abCon7 .funfact04 h2 sup {
      font-size: 18px;
    font-style: normal;
    font-weight: normal;
    left: 10px;
    top: -2px; color:#333;
}
.abDivider{
    position: relative;
    border-top: 3px solid #ededed;
    margin: 67px 0 46px;
}

/*--- Image Box ---*/
.imageBox{
    position: relative;
    background: #fff;
    border-radius: 7px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.imageBox img{
    height: 155px;
    width: auto;
    border-radius: 7px 0 0 7px;
}
.imageBox p{
    font-size: 18px;
    line-height: 26px;
    color: #26263e;
    letter-spacing: -.36px;
    margin: 0 27px 0 30px;
}

/*--- Service Item ---*/
.service_item_09{
    position: relative;
    margin-right: 13px;
    border-radius: 10px;
    margin-bottom: 42px;
    padding: 63px 58px 42px 220px;
    background: url(../images/bg/12.png) no-repeat left top #fff;
    -webkit-box-shadow: 0px 0px 62px 0px rgba(0, 0, 0, 0.13);
    -moz-box-shadow:    0px 0px 62px 0px rgba(0, 0, 0, 0.13);
    box-shadow:         0px 0px 62px 0px rgba(0, 0, 0, 0.13);
}
.service_item_09.ml13{
    margin-right: 0;
    margin-left: 13px;
}
.service_item_09 .ibMeta{
    width: 128px;
    height: 124px;
    position: absolute;
    z-index: 3;
    left: 40px;
    top: 44px;
    background: url(../images/home7/2.png) no-repeat center center / cover;
    font-size: 48px;
    line-height: 128px;
    color: #000000;
}
.service_item_09 .ibMeta i{
    line-height: 1;
    margin-left: 17px;
    margin-top: 50px;
    display: block;
    position: relative;
    z-index: 2;
}
.service_item_09 .ibMeta svg{
    width: 128px;
    height: 124px;
    position: absolute;
    left: 12px;
    top: 12px;
    fill: inherit;
}
.service_item_09 h3{
    font-size: 28.93px;
    line-height: 35px;
    color: #444444;
    font-weight: 800;
    margin: 0 0 4px;
}
.service_item_09 h3 a{
    color: inherit;
}
.service_item_09 h3 a:hover{
    color: #e70012;
}
.service_item_09 p{
    font-size: 17.56px;
    line-height: 26.86px;
    color: #666666;
    margin-bottom: 27px;
}
.service_item_09 .berpo_btn.with_icon04{
    height: 53px;
    line-height: 51px;
    border: 2px solid #e70012;
    color: #010101;
    font-size: 13.17px;
    background: transparent;
}
.service_item_09 .berpo_btn.with_icon04 i{
    width: 25px;
    height: 25px;
    background: #e70012;
    font-size: 12px;
    line-height: 26px;
}
.service_item_09 .berpo_btn .bp-shape{
    background: #e70012;
}
.service_item_09 .berpo_btn:hover{
    color: #fff;
}
.service_item_09 .berpo_btn:hover i{
    background: #980000;
    color: #fff;
}

/*--- Tab ---*/
.beproTab03{
    position: absolute;
    left: -12px;
    top: 30px;
    z-index: 2;
    margin: 0;
    padding: 0;
    display: block;
}
.beproTab03 li{
    list-style: none;
    display: block;
}
.beproTab03 li a{
    display: inline-block;
    height: 65px;
    background: transparent;
    border-radius: 50px;
    font-size: 20px;
    color: #ffffff;
    padding: 0 16px;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 600;
    line-height: 65px;
    min-width: 280px;
    text-transform: capitalize;
    margin: 0 0 1px;
    position: relative;
}
.beproTab03 li a:after{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 19px;
    height: 2px;
    background: #fff;
    content: '';
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.beproTab03 li a i{
    display: inline-block;
    color: #d7d7d7;
    width: 41px;
    height: 41px;
    background: #3d3d3d;
    border-radius: 50%;
    line-height: 41px;
    text-align: center;
    font-size: 16px;
    margin-right: 20px;
    position: relative;
    top: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.beproTab03 li a.active,
.beproTab03 li a:hover{
    color: #fff;
    background: #e70012;
}
.beproTab03 li a.active i,
.beproTab03 li a:hover i{
    color: #fff;
    background: transparent;
}
.beproTab03 li a.active:after,
.beproTab03 li a:hover:after{
    visibility: visible;
    opacity: 1;
    right: 21px;
}
.beproTabCon03{
    position: relative;
    padding: 0 0 0 223px;
}
.beproTabCon03 img{
    max-width: 100%;
    border-radius: 20px;
}
.insTabCon{
    position: relative;
    padding: 67px 0 0 7px;
}
.tbbar{
    position: absolute;
    left: -79px;
    top: 28px;
    width: 101px;
    height: 2px;
    background: #e70012;
}
.insTabCon .secTitle{
    font-size: 40px;
    font-weight: 800;
    line-height: 40px;
    margin: -5px 0 26px;
}
.insTabCon p{
    font-size: 20px;
    line-height: 30px;
    color: #e6e6e6;
    letter-spacing: -.40px;
    margin-bottom: 52px;
}
.insTabCon .listItem li{
    font-size: 20px;
    font-weight: 500;
}
.insTabCon .listItem li i{
    color: #e70012;
    margin-right: 13px;
}
.abquote{
    margin-top: 47px;
    left: -190px;
    position: relative;
    background: #e70012;
    font-size: 27px;
    line-height: 36px;
    color: #fff;
    font-weight: 600;
    letter-spacing: -.56px;
    font-family: 'Fira Sans', sans-serif;
    padding: 36px 50px 31px 62px;
    border-radius: 7px;
}

/*--- Folio Item ---*/
.folioItem01.fI01Grid{
    position: relative;
    margin: 0 3px 6px;
}
.folioItem01.fI01Grid .folioHover h4 a:hover {
    color: #e70012;
}
.folioItem01.fI01Grid .folioHover .fm-more{
    background: #e70012;
}
.folioItem01.fI01Grid .folioHover .fm-more:hover {
    background: #26263e;
    color: #fff;
}
.folioItem01.fI01Grid:hover{
    box-shadow: none;
}

/*--- Team ---*/
.tm07.team_04 .tmThumb img{
    border-radius: 15px;
}
.tm07.team_04 .tmcontent {
    position: relative;
    width: calc(100% - 40px);
    border-radius: 15px;
    -webkit-box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 13%);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.13);
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 13%);
}
.tm07.team_04 .tmcontent h3{
    font-size: 27px;
    color: #060606;
    font-weight: 600;
}
.tm07.team_04 .tmcontent p{
    color: #5a5a5a;
    font-size: 17px;
}

/*--- Faq ---*/
.bepAccordion.peracc03{
    margin: 0 -105px 0 0;
}
.bepAccordion.peracc03 .card{
    box-shadow: none;
    background: transparent;
    padding: 0 0 0;
    margin: 0 0 29px;
}
.bepAccordion.peracc03 .card .card-header h2 button.collapsed{
    color: #292929;
}
.bepAccordion.peracc03 .card .card-header h2 button.collapsed span{
    background: #fff;
}
.bepAccordion.peracc03 .card .card-header h2 button span{
    position: relative;
    right: auto;
    margin: 0 25px 0 0;
    width: 40px;
    height: 40px;
    background: #e70012;
    border-radius: 10px;
    text-align: center;
    -webkit-box-shadow: 0px 0px 62px 0px rgb(0 0 0 / 13%);
    -moz-box-shadow: 0px 0px 62px 0px rgba(0, 0, 0, 0.13);
    box-shadow: 0px 0px 62px 0px rgb(0 0 0 / 13%);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.bepAccordion.peracc03 .card .card-header h2 button.collapsed span:after,
.bepAccordion.peracc03 .card .card-header h2 button.collapsed span:before{
    background: #000;
}
.bepAccordion.peracc03 .card .card-header h2 button span:after,
.bepAccordion.peracc03 .card .card-header h2 button span:before{
    background: #fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.bepAccordion.peracc03 .card .card-header h2 button span:after{
    height: 2px;
    width: 10px;
}
.bepAccordion.peracc03 .card .card-header h2 button span:before{
    width: 2px;
    height: 10px;
}
.bepAccordion.peracc03 .card .card-body{
    font-size: 18px;
    border-bottom: 1px solid #e2e2e2;
    padding: 5px 0 22px 60px;
}
.bepAccordion.peracc03 .card .card-header h2 button{
    color: #e70012;
    font-size: 24px;
    line-height: 40px;
    letter-spacing: -.48px;
}
.contact_form.contactForm03{
    margin: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
}
.ConCol{
    padding-right: 6px;
    padding-left: 6px;
}
.contact_form.contactForm03 select,
.contact_form.contactForm03 .nice-select,
.contact_form.contactForm03 input{
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    font-size: 12px;
    color: #666666;
    font-style: italic;
    letter-spacing: .36px;
    border-radius: 50px;
    margin: 0 0 10px;
}
.contact_form.contactForm03 .nice-select:after{
    font-size: 13px;
    color: #666666;
    font-style: normal;
}
.contact_form.contactForm03 .berpo_btn.with_icon04{
    height: 50px;
    line-height: 50px;
    background: transparent;
    border: 2px solid #fff;
    font-size: 12px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 800;
    letter-spacing: 0;
    padding: 0 15px;
    width: 184px;
}
.contact_form.contactForm03 .berpo_btn .bp-shape{
    background: #fff;
}
.contact_form.contactForm03 .berpo_btn.with_icon04:hover{
    color: #e70012;
}
.contact_form.contactForm03 .berpo_btn.with_icon04 i{
    width: 24px;
    height: 24px;
    background: #fff;
    background: #fff;
    font-size: 12px;
    line-height: 25px;
    color: #2a2a2a;
    margin-left: 7px;
}
.contact_form.contactForm03 .berpo_btn.with_icon04:hover i{
    background: #e70012;
    color: #fff;
}

input[type="checkbox"] {
    visibility: hidden;
    opacity: 0;
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    display: none;
}
input[type="checkbox"] ~ span {
    position: relative;
    padding-left: 28px;
    color: #ffffff;
    font-size: 13px;
    line-height: 29px;
    font-style: italic;
    letter-spacing: .39px;
    cursor: pointer;
    display: block;
    margin: 29px 0 0;
}
input[type="checkbox"] ~ span:before {
    content: '';
    font-family: 'themewar' !important;
    position: absolute;
    left: 0;
    top: 7px;
    background: #fff;
    height: 16px;
    width: 16px;
    line-height: 17px;
    font-style: normal;
    text-align: center;
    font-size: 10px;
    border-radius: 5px;
}
input[type="checkbox"]:checked ~ span:before {
    content: "\f024";
    color: #e70012;
}

/*--- Blog Item ---*/
.blogItem06{
    position: relative;
    margin: 0 0 60px;
}
.blogItem06 .blogContent{
    position: relative;
    padding: 103px 40px 0 12px;
}
.blogItem06 .blogContent h3{
    font-size: 35px;
    line-height: 40px;
    font-weight: 700;
    color: #292929;
    letter-spacing: -.70px;
    margin: 0 0 16px;
}
.blogItem06 .blogContent h3 a:hover{
    color: #e70012;
}
.blogItem06 .blogContent p{
    color: #5f5f5f;
    line-height: 30px;
    margin: 0 0 46px;
}
.blogItem06 .berpo_btn.with_icon{
    padding: 0 34px;
}
.blogItem06 .blogThumb02{
    position: relative;
    margin: 0 1px;
}
.blogItem06 .blogThumb02 img{
    width: 100%;
    height: auto;
    border-radius: 50%;
}
.blogItem06 .blogContent .pmeta{
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    color: #b7b7b7;
    font-family: 'Fira Sans', sans-serif;
    margin: 0 0 18px;
}
.pmeta a{
    display: inline-block;
    color: inherit;
}
.pmeta a.cat{
    text-transform: uppercase;
    color: #1c1c1c;
}
.pmeta a:hover{
    color: #e70012;
}
.blogItem06.bireverse .blogContent{
    padding-right: 40px;
    padding-left: 0;
}


/*--- Testimonial ---*/
.testimonialslider05{
    position: relative;
    margin: 0 0 0 0;
    padding: 40px 0 22px 0;
}
.testimonialslider05:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% - 29px);
    height: 100%;
    background: #e8f9fe;
    z-index: 1;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 62px 0px rgb(0 0 0 / 13%);
    -moz-box-shadow: 0px 0px 62px 0px rgba(0, 0, 0, 0.13);
    box-shadow: 0px 0px 62px 0px rgb(0 0 0 / 13%);
}
.testimonialslider05 .slick-list{
    z-index: 2;
}
.testiItem06{
    position: relative;
    margin: 0px 0 0 42px;
    text-align: left;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    padding: 33px 0 0;
}
.ti06Inner{
    position: relative;
    padding: 0px 125px 27px 0;
    margin: -4px 57px 0 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border-bottom: 1px solid #dcdcdc;
}
.testimonialslider05 .slick-active + .slick-active + .slick-active .ti06Inner{
    border-bottom-color: transparent;
}
.testiItem06.slick-slide.slick-current.slick-active .ti06Inner{
    margin-right: 0;
    padding-left: 40px;
    padding-right: 140px;
}
.testiItem06.slick-slide.slick-current.slick-active{
    border-radius: 10px;
    background: #fff;
    margin-right: 0;
    -webkit-box-shadow: -1px 3px 51px 0px rgba(0, 0, 0, 0.11);
    -moz-box-shadow:    -1px 3px 51px 0px rgba(0, 0, 0, 0.11);
    box-shadow:         -1px 3px 51px 0px rgba(0, 0, 0, 0.11);
}
.testiItem06.slick-slide.slick-current.slick-active .ti06Inner{
    border-bottom-color: transparent;
}
.testiItem06.slick-slide.slick-current.slick-active img{
    right: 30px;
}
.testiItem06:before{
    position: relative;
    display: inline-block;
    content: '“';
    font-size: 42px;
    line-height: 37px;
    text-align: left;
    font-weight: 800;
    color: #000000;
    font-family: 'Fira Sans';
}
.testiItem06.slick-slide.slick-current.slick-active:before{
    padding-left: 40px;
}
.testiItem06 img{
    width: 83px;
    height: 83px;
    border-radius: 50%;
    position: absolute;
    right: 9px;
    top: -8px;
}
.testiItem06 h5{
    font-size: 15px;
    color: #000000;
    line-height: 1;
    margin: 0;
}
.testiItem06 .quotation{
    font-size: 18px;
    line-height: 28px;
    color: #5b5b5b;
    margin: 0 0 10px;
    font-weight: normal;
    font-style: italic;
}

/*--- Award Item ---*/
.awardItem01{
    position: relative;
    padding: 0 0 27px 163px;
}
.awardItem01 img{
    position: absolute;
    left: 0;
    top: 0;
    max-width: 133px;
    height: auto;
}
.awardCon{
    position: relative;
    border-left: 2px solid #e7e7e7;
    padding-left: 30px;
}
.awarName{
    position: relative;
    margin: 0 0 42px;
}
.awarName h5{
    font-size: 22px;
    color: #000000;
    line-height: 32px;
    letter-spacing: .44px;
    margin: 0 0 0;
    position: relative;
    top: -6px;
}
.awarName p{
    color: #999999;
    font-size: 19.32px;
    letter-spacing: .40px;
    font-family: 'Fira Sans', sans-serif;
    margin: 0;
}

/*--- Client Slider ---*/
.client-slider07.owl-carousel{
    position: relative;
}
.client-slider07.owl-carousel .owl-item {
    text-align: center;
}
.client-slider07.owl-carousel a{
    display: inline-block;
    text-align: center;
}
.client-slider07.owl-carousel a img {
    height: auto;
    width: 155px;
}
.grayscale img {
    filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.grayscale a:hover img {
    filter: grayscale(0);
    -o-filter: grayscale(0);
    -webkit-filter: grayscale(0);
}

/*------------------------------------------------------
/ 8. About Page
/------------------------------------------------------*/
/*--- Page Banner ---*/
.page_banner{
    min-height: 631px;
    position: relative;
    background-size: cover;
    background-color: #1d1d1d;
    overflow: hidden;
    padding: 342px 0px 120px;
    background-repeat: no-repeat;
    background-position: center center;
}
.overlay{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(29, 29, 29, .74);
}
.page_banner .containier{
    position: relative;
    z-index: 2;
}
.banner-title {
    font-size: 50px;
    line-height: 58px;
    color: #ffffff;
    margin: 0 0 16px;
}
.breadcrumbs{
    margin: 0;
    font-size: 16px;
    color: #b8b8d3;
    line-height: 26px;
}
.breadcrumbs a{
    color: inherit;
}
.breadcrumbs a:hover{
    color: #e70012;
}
.breadcrumbs span{
    display: inline-block;
    margin: 0 13px;
}

/*---  ---*/
.abpageThumb{
    position: relative;
    margin: 11px 0 0;
}
.abpageThumb img{
    max-width: 100%;
    height: auto;
    border-radius: 5px;
}
.abInner{
    position: absolute;
    right: 0;
    top: -80px;
    z-index: 2;
}
.abInner img{
    border-radius: 5px;
    -webkit-box-shadow: 0px 12px 68px 0px rgba(0, 0, 0, 0.21);
    -moz-box-shadow:    0px 12px 68px 0px rgba(0, 0, 0, 0.21);
    box-shadow:         0px 12px 68px 0px rgba(0, 0, 0, 0.21);
}
.abInner:after{
    position: absolute;
    right: 0;
    height: calc(100% - 5px);
    width: calc(100% + 37px);
    top: 42px;
    z-index: -1;
    content: '';
    border: 10px solid #e70012;
}

/*--- Service Item ---*/
.service_item_10{
    position: relative;
    background: #fff;
    padding: 41px 40px 38px;
    border-radius: 5px;
    margin: 0 0 30px;
    -webkit-box-shadow: 0px 10px 32px 0px rgba(0, 0, 0, 0.07);
    -moz-box-shadow:    0px 10px 32px 0px rgba(0, 0, 0, 0.07);
    box-shadow:         0px 10px 32px 0px rgba(0, 0, 0, 0.07);
}
.service_item_10 .ibMeta{
    position: relative;
    max-height: 68px;
    margin: 0 0 26px;
}
.service_item_10 .ibMeta img{
    width: 100%;
    height: 100%;
}
.service_item_10 h3{
    font-size: 24px;
    color: #333333;
    line-height: 30px;
    margin: 0 0 12px;
}
.service_item_10 h3 a{
    color: inherit;
}
.service_item_10 h3 a:hover{
    color: #e70012;
}
.service_item_10 p{
    margin: 0 0 25px;
}
.service_item_10 .srm{
    display: inline-block;
    width: 46px;
    height: 46px;
    background: #f3f3f3;
    line-height: 46px;
    border-radius: 50%;
    text-align: center;
    color: #382c4d;
    line-height: 46px;
}
.service_item_10 .srm:hover{
    background: #e70012;
    color: #fff;
}
.serviceSlider04.owl-carousel{
    position: relative;
}
.serviceSlider04.owl-carousel .owl-nav{
    position: absolute;
    right: 0;
    top: -89px;
}
.serviceSlider04.owl-carousel .owl-nav button{
    width: 58px;
    height: 58px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    color: #000000;
    font-size: 15px;
    line-height: 58px;
    margin-left: 12px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.serviceSlider04.owl-carousel .owl-nav button:hover{
    background: #e70012;
    color: #fff;
}
.service_item_11{
    position: relative;
    border: 2px solid transparent;
    border-radius: 3px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.service_item_11:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    visibility: hidden;
    opacity: 0;
    background: rgba(0, 0, 0, .3);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.service_item_11:hover:after{
    visibility: visible;
    opacity: 1;
}
.service_item_11 img{
    width: 100%;
    height: auto;
    border-radius: 3px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.service_item_11 h3{
    display: inline-block;
    height: 51px;
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    background: #000000;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    margin: 0;
    letter-spacing: .36px;
    font-weight: 600;
    padding: 0 26px;
    border-radius: 3px 0 0 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.service_item_11:hover h3{
    visibility: hidden;
    opacity: 0;
}
.service_item_11 .srm{
    display: inline-block;
    height: 51px;
    position: absolute;
    right: 0;
    bottom: -50px;
    background: #e70012;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    z-index: 2;
    margin: 0;
    visibility: hidden;
    opacity: 0;
    letter-spacing: .36px;
    font-weight: 600;
    padding: 0 31px;
    border-radius: 3px 0 0 0;
}
.service_item_11 i{
    display: inline-block;
    font-size: 13px;
    margin-left: 7px;
}
.service_item_11:hover .srm{
    visibility: visible;
    opacity: 1;
    bottom: 0;
}
.service_item_11:hover{
    border-color: #e70012;
}

/*--- Testimonial ---*/
.stracheVideo{
    position: relative;
    overflow: hidden;
}
.stracheVideo img{
    width: auto;
    height: auto;
}
.stracheVideo .vbtn02{
    width: 70px;
    height: 70px;
    background: transparent;
    line-height: 70px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #ffffff;
    font-size: 21px;
}
.stracheVideo .vbtn02:before{
    background: #e70012;
    opacity: .4;
}
.stracheVideo .vbtn02:after{
    background: #e70012;
}
.abTestimonial.owl-carousel{
    position: relative;
    padding: 0;
}
.abTestimonial .quotation{
    font-size: 18px;
    line-height: 27px;
    color: #d7d7d7;
    font-weight: 400;
    margin-bottom: 38px;
}
.abTestimonial.owl-carousel .ts_author img{
    width: 77px;
    height: 77px;
}
.abTestimonial .ts_author{
    padding-left: 96px;
    padding-top: 13px;
}
.abTestimonial .ts_author h5{
    font-size: 22px;
    color: #fff;
    line-height: 28px;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.abTestimonial .ts_author span{
    color: #e70012;
    font-size: 16px;
}
.abTestimonial.owl-carousel .owl-nav{
    display: none;
}

/*--- Award Item ---*/
.awardItem02{
    position: relative;
    min-height: 95px;
    padding: 0 55px 17px 87px;
    margin-bottom: 24px;
    border-bottom: 1px solid #f1f1f1;
}
.awardItem02:last-child{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.awardItem02 img{
    width: 70px;
    height: 74px;
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 0;
}
.awardItem02 .awarName{
    margin: 0;
}
.awardItem02 .awarName h5{
    font-size: 18px;
    line-height: 30px;
    color: #000000;
}
.awardItem02 .awarName p{
    color: #999999;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: .32px;
    margin: 0;
}
.brLeft{
    border-left: 1px solid #f1f1f1;
    margin-left: -15px;
    padding-left: 0;
    position: relative;
}
.brLeft .awardItem02{
    padding-left: 180px;
}
.brLeft .awardItem02 img{
    left: 95px;
}
/*------------------------------------------------------
/ 9. Blog Page
/------------------------------------------------------*/
.blogPage{
    position: relative;
    padding: 150px 0;
}
.blogList01{
    position: relative;
    margin: 0 5px 50px 0;
}
.blogList01.bil{
    margin-left: 5px;
    margin-right: 0;
}
.blogList01 img{
    max-width: 100%;
    width: auto;
    height: auto;
    border-radius: 5px 5px 0 0;
}
.listCon{
    position: relative;
    background: #fff;
    margin: -40px 18px 0 27px;
    border-radius: 3px 3px 0 0;
    padding: 52px 50px 46px;
    border-bottom: 1px solid #ececec;
}
.listCon h3{
    font-size: 30px;
    line-height: 36px;
    color: #252525;
    margin: 0 0 12px;
}
.listCon h3 a{
    color: inherit;
}
.listCon h3 a:hover{
    color: #e70012;
}
.listCon .bmeta {
    color: #bbc7cd;
    font-size: 15px;
    margin: 0 0 18px;
}
.listCon .bmeta i {
    font-size: 16px;
    margin-right: 6px;
    color: inherit;
}
.listCon .bmeta span {
    color: inherit;
    margin-left: 19px;
}
.listCon .bmeta a{
    color: #e70012;
    margin-right: 20px;
}
.listCon .bmeta a:hover{
    color: #252525;
}
.listCon p{
    font-size: 18px;
    line-height: 28px;
    margin: 0;
}

.blogFooter .fcta{
    background: url(../images/bg/14.png) no-repeat center center / cover;
}
.blogFooter .fcta .berpo_btn.with_icon03{
    border-radius: 50px;
}
.blogFooter .aboutWidget04 a:hover {
    background: #e700a9;
    border-color: #e700a9;
}
.blogFooter .Copyright a:hover,
.blogFooter .wmenu03 ul.menu li:hover a{
    color: #e700a9;
} 
.bepro_pagination {
    position: relative;
    display: flex;
    justify-content: center;
    font-family: 'Fira Sans', sans-serif;
    margin: 35px 0 0;
    background: url(../images/bg/pagination.jpg) no-repeat center center / cover;
    padding: 24px 35px 18px;
}
/*.organ_pagination.text-center {
    justify-content: center;
}
.organ_pagination.text-left {
    justify-content: flex-start;
}
.organ_pagination.text-right {
    justify-content: flex-end;
}*/
.bepro_pagination a, .bepro_pagination > span {
    width: 32px;
    height: 32px;
    color: #252525;
    line-height: 34px;
    margin: 0 1px;
    border: none;
    border-radius: 3px;
    text-align: center;
    display: inline-block;
    position: relative;
    font-weight: 600;
    font-size: 14px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.bepro_pagination a.next, .bepro_pagination a.prev{
    width: auto;
    height: auto;
    font-size: 20px;
    color: #8799a3;
}
.bepro_pagination a.prev{
    margin-right: auto;
}
.bepro_pagination a.next{
    margin-left: auto;
}
.bepro_pagination a i{
    display: inline-block;
}
.bepro_pagination a span{
    display: inline-block;
    font-size: 14px;
    position: relative;
    top: -4px;
    margin-left: 20px;
}
.bepro_pagination a.next span{
    margin-left: 0;
    margin-right: 20px;
}
.bepro_pagination a.next:hover, .bepro_pagination a.prev:hover{
    background: transparent;
    color: #e70012;
}
.bepro_pagination a:hover, .bepro_pagination span.current {
    color: #fff;
    background: #e70012;
}
.bpPad{
    padding-bottom: 258px;
}
.blogPage .bireverse .blogContent{
    padding: 0;
    text-align: left;
}
.blogPage .blogItem02.bireverse.lastItem{
    border: none;
    padding: 0;
}
.blogPage .blogThumb02 .bmeta{
    background: #e70012;
}
.blogPage .blogContent h3 a:hover{
    color: #e70012;
}
.blogItem02 .berpo_btn.with_icon{
    background: #1e1e1e;
}
.blogItem02 .berpo_btn.with_icon i{
    background: #424242;
}
.blogItem02 .berpo_btn.with_icon:hover i{
    background: #760000;
}
.blogItem02 .berpo_btn .bp-shape{
    background: #e70012;
}
.blogPage .blogItem03{
    margin: 0 0 30px 5px;
}
.blogPage .blogContent02 h3 a:hover,
.blogPage .blogContent02 .bmeta a:hover{
    color: #e70012;
}
.blogPage .berpo_btn.with_icon03:after{
    background: #1e1e1e;
}
.blogPage .blogItem03 .berpo_btn.with_icon03{
    background: #e70012;
}
.blogPage .blogItem04{
    margin-bottom: 40px;
}
.blogPage .blogContent03 h3 a:hover{
    color: #e70012;
}
.blogPage .blogContent03 .bmeta a{
    background: transparent;
    -webkit-text-fill-color: #e70012;
}
.blogPage .blogContent04 .bmeta{
    background: #e70012;
}
.blogPage .blogContent04 .bmeta:hover{
    background: #1e1e1e;
}
.blogPage .blogContent04 h3 a:hover{
    color: #e70012;
}
.blogPage .blogContent04 .rmb:hover{
    background: #e70012;
}
.bpsRight .blogList01.bil{
    margin-left: 0;
    margin-right: 5px;
}
.blogPage.bpsRight .blogItem03{
    margin-left: 0;
    margin-right: 5px;
}
.justify-content-center .blogPage .blogItem03,
.justify-content-center .blogList01.bil{
    margin-left: 0;
    margin-right: 0;
}
.justify-content-center .blogList01.bil img{
    width: 100%;
}


/*--- Sidebar ---*/
.sidebar{
    position: relative;
    margin: 0 0 0 20px;
}
.sidebar.lsb {
    margin-left: 0;
    margin-right: 20px;
}
.sidebar .widget {
    position: relative;
    margin: 0 0 40px;
    padding: 44px 40px 45px;
    border-radius: 10px;
    background: url(../images/bg/widget.jpg) no-repeat center center / cover;
}
.sidebar .widget .widget_title {
    color: #252525;
    font-size: 23px;
    line-height: 28px;
    text-transform: capitalize;
    margin: 0 0 31px;
    display: inline-block;
    position: relative;
    z-index: 2;
}
.sidebar .widget .widget_title:after{
    position: absolute;
    left: 0;
    bottom: 3px;
    width: 100%;
    height: 5px;
    content: '';
    background: #ffd7d7;
    border-radius: 10px;
    z-index: -1;
}
.pp_post_item{
    position: relative;
}
.sidebar .pp_post_item {
    position: relative;
    padding-top: 7px;
    min-height: 80px;
    padding-left: 120px;
    margin-bottom: 30px;
}
.sidebar .pp_post_item img {
    width: 97px;
    height: 80px;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 0;
}
.sidebar .pp_post_item span{
    display: block;
    font-size: 14px;
    color: #bbc7cd;
    font-weight: 500;
    margin-bottom: 8px;
}
.sidebar .pp_post_item a{
    font-size: 17px;
    line-height: 23px;
    color: #252525;
    font-weight: 600;
    margin-bottom: 3px;
}
.sidebar .pp_post_item a:hover{
    color: #e70012;
}
.sidebar .pp_post_item .author{
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    color: #e70012;
    font-family: 'Roboto', sans-serif;
}
.sidebar .pp_post_item .author:hover{
    color: #252525;
}
.sidebar .berpo_btn{
    height: 40px;
    line-height: 40px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 13px;
    padding: 0 36px;
    margin-top: 5px;
}
.sidebar .widget > ul {
    margin: 0;
    padding: 0;
}
.sidebar ul li {
    list-style: none;
    display: block;
    font-size: 15px;
    color: #252525;
    line-height: 26px;
    position: relative;
    margin: 0 0 15px;
}
.sidebar ul li a {
    display: inline-block;
    color: inherit;
    line-height: inherit;
}
.sidebar ul li a:hover {
    color: #e70012;
}
.sidebar .widget_categories{}
.sidebar .widget_categories ul li{
    margin-right: 12px;
    background: #fff;
    padding: 10px 22px 10px;
    margin-bottom: 5px;
    border-radius: 3px;
}
.sidebar .widget_categories ul li span{
    display: inline-block;
    width: 32px;
    height: 36px;
    border-radius: 5px;
    text-align: center;
    background: #ededed;
    font-size: 12px;
    color: #252525;
    line-height: 36px;
    font-weight: 700;
    position: absolute;
    right: -14px;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.sidebar .widget_categories ul li:hover a{
    color: #e70012;
}
.sidebar .widget_categories ul li:hover span{
    background: #e70012;
    color: #fff;
}
.tagcloud {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: -10px;
}
.tagcloud a {
    height: 37px;
    text-align: center;
    padding: 0 17px;
    line-height: 35px;
    border: none;
    display: inline-block;
    border-radius: 50px;
    background: #ffffff;
    border: 2px solid #f0f4f7;
    color: #696969;
    text-transform: capitalize;
    font-size: 15px !important;
    margin-right: 9px;
    margin-bottom: 9px;
    font-weight: 400;
    float: left;
}
.tagcloud a:hover{
    background: #e70012;
    border-color: #e70012;
    color: #fff;
}
.sidebar .galleryShots a{
    width: 130px;
    height: 114px;
    margin: 0 9px 9px 0;
}
.sidebar .galleryShots a:after{
    border-radius: 10px;
}
.sidebar .galleryShots a img{
    border-radius: 10px;
}

/*------------------------------------------------------
/ 10. Blog Details Page
/------------------------------------------------------*/
.singleBlog{
    position: relative;
    padding: 160px 0;
}
.singleBlog.bpPad {
    padding-bottom: 258px;
}
.spThumb{
    position: relative;
    margin: 0 0 15px;
}
.spThumb img{
    max-width: 100%;
    height: auto;
    width: auto;
}
.spThumb .bmeta {
    height: 46px;
    background: #e70012;
    border-radius: 50px;
    text-align: center;
    display: inline-block;
    font-size: 12.97px;
    line-height: 41px;
    font-weight: 500;
    color: #fff;
    font-family: 'Fira Sans', sans-serif;
    letter-spacing: -.48px;
    margin: 0;
    padding: 0 19px;
    position: absolute;
    z-index: 2;
    left: 26px;
    top: 18px;
    border: 3px solid #fff;
}
.spThumb .bmeta i {
    display: inline-block;
    font-size: 10.16px;
    margin-right: 3px;
    color: inherit;
}
.spMeta{
    position: relative;
    display: flex;
    padding: 0 0 52px 6px;
}
.spAuthor{
    position: relative;
    padding: 0 0 0 86px;
}
.spAuthor img{
    width: 77px;
    height: 77px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: -31px;
    border: 3px solid #fff;
}
.spAuthor p{
    font-size: 15px;
    line-height: 19px;
    color: #404040;
}
.spAuthor p a{
    color: #000000;
    font-size: 17px;
    font-weight: 500;
    display: block;
}
.spAuthor p a:hover{
    color: #e70012;
}
.spsmeta{
    position: relative;
    font-size: 16px;
    font-family: 'Fira Sans', sans-serif;
    color: #c4d2d9;
    padding: 15px 0 0 50px;
}
.spsmeta span,
.spsmeta a{
    color: #8799a3;
    display: inline-block;
}
.spsmeta a:hover{
    color: #e70012;
}
.sic_the_content{
    position: relative;
    margin: 0 0 58px;
}
.p_title{
    font-size: 40px;
    line-height: 50px;
    color: #000000;
    margin: 0 0 28px;
}
.sic_the_content > p {
    margin: 0 0 30px;
}
.sic_the_content blockquote, .sic_the_content blockquote.wp-block-quote {
    padding: 35px 80px 0 104px;
    position: relative;
    font-family: 'Fira Sans', sans-serif;
    background: transparent;
    margin: 33px 0;
}
.sic_the_content blockquote::after {
    position: absolute;
    left: 71px;
    top: 2px;
    background: url(../images/single-post/quote.png) no-repeat top left;
    content: '';
    width: 113px;
    height: 75px;
    z-index: -1;
}
.sic_the_content blockquote p, .sic_the_content blockquote.wp-block-quote p {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    color: #252525;
    font-style: italic;
    margin: 0 0 23px;
}
.sic_the_content blockquote cite {
    font-style: normal;
    font-size: 18px;
    line-height: 23px;
    font-weight: 700;
    color: #e70012;
    position: relative;
}
.sic_the_content blockquote cite span{
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #8799a3;
    font-family: 'Roboto', sans-serif;
}
.sic_the_content .wp-block-image {
    margin: 18px 0 23px;
    position: relative;
}
.sic_the_content .wp-block-image img {
    max-width: 100%;
    height: auto;
    border-radius: 3px;
    margin-bottom: 4px;
}
.sic_the_content figcaption{
    color: #b0b1b5;
    font-size: 16px;
}
.sic_the_content .wp-block-image span{
    display: inline-block;
    height: 30px;
    background: rgba(0, 0, 0, .3);
    border-radius: 50px;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    color: #959595;
    padding: 0 15px;
    position: absolute;
    left: 21px;
    bottom: 24px;
    z-index: 2;
}
.sic_the_content .wp-block-image span a{
    color: #0081ff;
}
.sic_the_content .cusMar .wp-block-image{
    margin-top: 0;
}
.sic_the_content .cusMar{
    margin-top: 40px;
    margin-bottom: 28px;
}
.weight500 {
    font-weight: 500;
    color: #252525;
}
.sic_the_content .listItem li{
    font-size: 18px;
    line-height: 36px;
    color: #252525;
    font-weight: 500;
    position: relative;
    font-family: 'Fira Sans', sans-serif;
    padding-left: 30px;
}
.sic_the_content .listItem li:after{
    content: "\ea0e";
    font-family: 'themewar' !important;
    font-size: 11px;
    color: #e70012;
    position: absolute;
    left: 0;
    top: 0;
}
.sic_the_content .listItem.lIleft{
    padding-left: 60px;
}
.sic_the_content .listItem{
    margin-top: 15px;
    margin-bottom: 43px;
}
.postMeta{
    position: relative;
    border-top: 2px solid #f0f4f7;
    padding: 31px 0 55px;
}
.postMeta h5{
    font-size: 14px;
    color: #252525;
    text-transform: uppercase;
    margin: 0 0 0;
    min-width: 96px;
    display: inline-block;
}
.postMeta a{
    display: inline-block;
    font-size: 16px;
    color: #8799a3;
}
.postMeta a:hover{
    color: #e70012;
}
.postMeta .tags{
    margin: 0 0 13px;
}
.postMeta .socialShare a{
    font-size: 14px;
    color: #bbc7cd;
    margin-right: 20px;
}
.postMeta .socialShare a:hover{
    color: #e70012;
}
.post_author{
    position: relative;
    background: #f9f9fb;
    border-radius: 10px;
    padding: 67px 30px 70px 200px;
    margin: 0 0 95px;
}
.post_author img{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: absolute;
    left: 58px;
    bottom: 0;
    top: 0;
    margin: auto;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(37, 37, 37, 0.20);
    -moz-box-shadow:    0px 10px 30px 0px rgba(37, 37, 37, 0.20);
    box-shadow:         0px 10px 30px 0px rgba(37, 37, 37, 0.20);
}
.post_author h5{
    font-size: 16px;
    font-weight: 500;
    color: #e70012;
    text-transform: uppercase;
    margin: 0 0 7px;
}
.post_author h5 a{
    color: inherit;
}
.post_author h5 a:hover{
    color: #252525;
}
.post_author p{
    font-size: 16px;
    line-height: 26px;
    color: #636363;
    margin: 0;
}
.comment_area {
    position: relative;
}
.sic_comments {
    position: relative;
    margin-bottom: 80px;
}
.sic_comments > p .productCommentForm > p{
    color: #636363;
    margin: 0 0 25px;
}
.sicc_title {
    font-size: 28px;
    color: #252525;
    line-height: 38px;
    margin: 0 0 31px;
}
.sic_comments > .sicc_title, .productCommentForm .sicc_title {
    margin-bottom: 12px;
}
.commentForm {
    position: relative;
}
.commentForm textarea,
.commentForm input{
    height: 60px;
    border-radius: 50px;
    padding: 0 40px;
    font-size: 14px;
    line-height: 60px;
    color: #8799a3;
    background: #f3f4f6;
    font-weight: 600;
    margin: 0 0 20px;
}
.commentForm textarea{
    height: 160px;
    line-height: 28px;
    margin-bottom: 35px;
    padding-top: 15px;
    border-radius: 30px;
}
.commentForm textarea::-moz-placeholder,
.commentForm input::-moz-placeholder {
    color: #8799a3;
    opacity: 1;
}
.commentForm textarea::-ms-input-placeholder,
.commentForm input::-ms-input-placeholder {
    color: #8799a3;
    opacity: 1;
}
.commentForm textarea::-webkit-input-placeholder,
.commentForm input::-webkit-input-placeholder {
    color: #8799a3;
    opacity: 1;
}
.commentForm .berpo_btn.with_icon04{
    height: 60px;
    color: #f0f0f0;
    line-height: 61px;
}

/*------------------------------------------------------
/ 11. Portfolio Page
/------------------------------------------------------*/
.portfolioPage01{
    position: relative;
    padding: 160px 0 0;
}
.filter_menu li i{
    position: relative;
    display: inline-block;
    font-style: normal;
}
.filter_menu li i:after{
    position: absolute;
    left: auto;
    right: 0;
    height: 2px;
    content: '';
    bottom: 4px;
    width: 0;
    background: #e70012;
    transition: width .3s cubic-bezier(.25,.8,.25,1) 0s;
    -moz-transition: width .3s cubic-bezier(.25,.8,.25,1) 0s;
    -webkit-transition: width .3s cubic-bezier(.25,.8,.25,1) 0s;
}
.filter_menu li.active i:after,
.filter_menu li:hover i:after{
    width: 100%;
    left: 0;
    right: auto;
}
.portfolioPage01 .filter_menu li:hover span, 
.portfolioPage01 .filter_menu li.active span, 
.portfolioPage01 .filter_menu li:hover, 
.portfolioPage01 .filter_menu li.active {
    color: #e70012;
}
.folioItem06{
    position: relative;
    margin: 0 0 30px;
}
.folioItem06 img{
    width: 100%;
    height: auto;
    border-radius: 45px;
}
.folioItem06:after{
    position: absolute;
    border-radius: 45px;
    background: rgba(33, 31, 31, .66);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.folioItem06:hover:after{
    visibility: visible;
    opacity: 1;
}
.folioItem06 a{
    width: 66px;
    height: 66px;
    line-height: 70px;
    color: #fff;
    font-size: 20px;
    display: inline-block;
    background: rgba(255, 255, 255, .38);
    border-radius: 50%;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
    -webkit-transform: translate3d(0, 20px, 0);
}
.folioItem06 a:hover{
    background: #e70012;
    color: #fff;
}
.folioItem06:hover a{
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}
.portfolioPage01 .berpo_btn{
    margin-top: 48px;
}
.portfolioPage02 .filter_menu02{
    margin-bottom: 50px;
}
.portfolioPage02{
    position: relative;
    overflow: hidden;
    padding: 95px 0 0;
}
.portfolioPage02 .folioHover03,
.portfolioPage02 .filter_menu02 li::after{
    background: #e70012;
}
.caseStudiesSection{
    position: relative;
    padding: 55px 0 0;
}
.caseStudiesSection .filter_menu{
    margin-top: 0;
}
.caseStudiesSection .filter_menu li:hover span, 
.caseStudiesSection .filter_menu li.active span, 
.caseStudiesSection .filter_menu li:hover, 
.caseStudiesSection .filter_menu li.active {
    color: #e70012;
}
.caseStudiesSection .berpo_btn{
    margin-top: 48px;
}
.folioItem07{
    position: relative;
    overflow: hidden;
}
.folioItem07 img{
    width: 100%;
    height: auto;
}
.folioItem07:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0, 0, 0, .5);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.folioItem07:hover:after{
    background: rgba(187, 11, 11, .8);
}
.folioHover06 {
    font-family: 'Fira Sans', sans-serif;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
    text-align: center;
    padding: 0;
    z-index: 2;
}
.cat{
    font-size: 15px;
    line-height: 22px;
    color: #ffffff;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 0 14px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.cat a{
    color: inherit;
}
.cat a:hover{
    color: #151414;
}
.folioHover06 h3{
    font-size: 50px;
    line-height: 60px;
    font-weight: 800;
    color: #fff;
    margin: 0;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.folioHover06 h3 a{
    color: inherit;
}
.folioHover06 h3 a:hover{
    color: #151414;
}
.folioItem07:hover .folioHover06 .cat,
.folioItem07:hover .folioHover06 h3{
    transform: translate3d(0, -103px, 0);
    -moz-transform: translate3d(0, -103px, 0);
    -webkit-transform: translate3d(0, -103px, 0);
}
.folioItem07 p{
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    margin: 0 0 30px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
    text-align: center;
    z-index: 2;
    visibility: visible;
    opacity: 0;
    max-width: 716px;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.folioItem07:hover p{
    visibility: visible;
    opacity: 1;
}
.folioItem07 .berpo_btn.with_icon{
    background: #151414;
    width: 178px;
    position: absolute;
    left: 0;
    right: 0;
    padding: 0;
    margin: auto;
    top: 66%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    text-align: center;
    z-index: 2;
    visibility: visible;
    opacity: 0;
    -webkit-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
.folioItem07:hover .berpo_btn.with_icon{
    visibility: visible;
    opacity: 1;
}
.folioItem07 .berpo_btn.with_icon i{
    background: #3a3a3a;
}
.folioItem07 .berpo_btn .bp-shape{
    background: #fff;
}
.folioItem07 .berpo_btn.with_icon:hover{
    color: #e70012;
}
.folioItem07 .berpo_btn.with_icon:hover i{
    background: #980000;
}
.singleFolio01{
    position: relative;
    padding: 150px 0 215px;
}
.folioDThumb{
    position: relative;
}
.folioDThumb img{
    max-width: 100%;
    height: auto;
    margin: 0 0 30px;
}
.fdCon{
    position: relative;
    padding: 16px 0 0 10px;
}
.fdCon .subTitle{
    color: #787887;
    font-size: 18px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: -0.36px;
    margin: 0px 0px 10px;
}
.fdCon .secTitle{
    color: #252525;
    font-size: 38px;
    line-height: 48px;
    margin: 0px 0px 23px 0px;
}
.socail_share.ssInline {
    display: flex;
    margin: 0 0 12px;
}
.socail_share.ssInline h5 {
    text-transform: uppercase;
}
.socail_share.ssInline a {
    width: auto;
    height: auto;
    background: transparent;
    color: #bbc7cd;
    line-height: 1.5;
    margin: 0 0 0 20px;
    border-radius: 0;
}
.socail_share.ssInline a:hover {
    background: transparent;
    color: #e70012;
}
.fdCon > p{
    margin: 0 0 45px;
}
.fsmeta{
    position: relative;
}
.fsmeta h3{
    color: #8A8A8A;
    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 30px;
    letter-spacing: 1.5px;
    margin: 0px 0px 2px;
}
.fsmeta p{
    color: #252525;
    font-size: 16px;
    margin: 0px 0px 20px;
}
.fdCon .berpo_btn{
    margin-top: 25px;
    border-radius: 50px 50px 50px 50px;
    padding: 0px 40px 0px 40px;
}
.fdCon02 .fdCon{
    padding: 0;
}
.fdCon02{
    margin-top: 39px;
}
.fsCon{
    margin: -6px 20px 0 0;
}
.sf02{
    padding-bottom: 248px;
}
.sf03video{
    position: relative;
    padding: 305px 0;
    background: url(../images/single-folio/video-bg.jpg) no-repeat center center / cover;
}
.sf03video .popup_video{
    height: 100px;
    width: 100px;
    line-height: 107px;
    font-size: 26px;
}
.sf03video .popup_video:hover {
    background: #e70012;
    color: #fff;
}
.sf03Con{
    position: relative;
    padding: 90px 0 248px;
}
.sf03{
    padding: 110px 0 97px;
}
.sf03 .fdCon .secTitle{
    color: #252525;
    font-size: 55px;
    line-height: 65px;
    margin: 0px 0px 23px;
}
.fscon03{
    margin-top: 32px;
}
.fscon03 .berpo_btn{
    margin-top: 25px;
    border-radius: 50px 50px 50px 50px;
    padding: 0px 40px 0px 40px;
}
.fscon03 .col-lg-8{
    margin-left: -43px;
}
.portfolioPage03{
    position: relative;
    padding: 90px 0  142px;
}
.portfolioPage03 .filter_menu li:hover span, 
.portfolioPage03 .filter_menu li.active span, 
.portfolioPage03 .filter_menu li:hover, 
.portfolioPage03 .filter_menu li.active {
    color: #e70012;
}
.pf04{
    padding-bottom: 110px;
}
.pf04 .folioHover02 p{
    color: #e70012;
}
.pf04 .folioHover02 h4 a:hover{
    color: #e70012;
}
.pf05{
    padding: 130px 0  142px;
}
.pf05 .filter_menu03 li.active, .pf05 .filter_menu03 li:hover{
    color: #e70012;
}
.pf05 .filter_menu03 li.active span, .pf05 .filter_menu03 li:hover span {
    color: #e70012;
}
.pf05 .folioItem05{
    background: #e70012;
}

/*------------------------------------------------------
/ 12. Shop Page
/------------------------------------------------------*/
.shopOfferSection{
    position: relative;
    padding: 160px 0 0;
}
.offerWrap{
    position: relative;
    background: url(../images/shop/1.jpg) no-repeat center center / cover;
    border-radius: 5px;
    padding: 140px 10px 106px;
}
.offerSlider.owl-carousel{
    position: relative;
}
.customNavigation{
    position: absolute;
    left: 0;
    bottom: -27px;
    z-index: 2;
    width: 245px;
}
.customNavigation .navItem{
    float: right;
    text-align: right;
    margin: 0 0 16px;
    display: block;
    position: relative;
    background: transparent;
    width: 100%;
    height: auto;
    border: none;
    outline: none;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.customNavigation .navItem.next{

}
.customNavigation .navItem i{
    width: 51px;
    height: 51px;
    float: right;
    border-radius: 5px;
    text-align: center;
    display: block;
    color: #171717;
    background: #fff;
    font-size: 10px;
    line-height: 52px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.navPost{
    visibility: hidden;
    opacity: 0;
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    padding-right: 70px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.navPost img{
    width: 51px;
    height: 51px;
    border-radius: 5px;
    position: absolute;
    right: 0;
    top: 0;
}
.navPost h5{
    font-size: 22px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 800;
    letter-spacing: -.42px;
    margin: 7px 0 0;
}
.navPost h5 span{
    line-height: .8;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -.30px;
    display: block;
}
.customNavigation .navItem:hover .navPost{
    visibility: visible;
    opacity: 1;
}
.offerCon{
    position: relative;
}
.offerCon > span{
    display: block;
    font-size: 20.84px;
    color: #efefef;
    line-height: 28px;
    letter-spacing: -.40px;
    margin: 0 0 0px;
}
.offerCon h3{
    font-size: 65px;
    line-height: 73px;
    font-weight: 600;
    color: #fff;
    letter-spacing: -1.2px;
    margin: 0 0 5px;
}
.offerCon p{
    font-size: 16.7px;
    color: #ffffff;
    line-height: 26px;
    letter-spacing: -.32px;
    margin: 0 0 41px;
}
.offerCon .berpo_btn.with_icon04{
    height: 54px;
    line-height: 55px;
    color: #f0f0f0;
    font-size: 14.43px;
    padding: 0 25px;
}
.offerCon .berpo_btn.with_icon04 i{
    width: 25px;
    height: 25px;
    font-size: 10.84px;
    color: #f0f0f0;
    line-height: 26px;
    margin-left: 10px;
}
.shopPage{
    position: relative;
    padding: 90px 0 160px;
}
.sptitle{
    font-size: 36px;
    color: #141414;
    line-height: 1.2;
    margin: 0;
}
.shopController{
    display: flex;
    justify-content: flex-end;
    font-family: 'Fira Sans', sans-serif;
    position: relative;
    margin: 0 0 44px;
}
.show-results{
    position: relative;
    color: #999999;
    font-size: 14.43px;
    font-weight: 700;
    letter-spacing: .36px;
    margin-right: 58px;
}
.show-results:after{
    position: absolute;
    right: -28px;
    top: 7px;
    width: 1px;
    height: 11px;
    content: '';
    background: #dfdfdf;
}
.show-product{
    color: #000000;
    font-size: 14.43px;
    font-weight: 700;
    letter-spacing: .21px;
    text-transform: uppercase;
}
.show-product span{
    display: inline-block;
    color: #999999;
}
.sorting{
    display: flex;
    margin: 3px 0 0;
    position: relative;
    margin-right: 58px;
}
.sorting:after{
    position: absolute;
    right: -28px;
    top: 7px;
    width: 1px;
    height: 11px;
    content: '';
    background: #dfdfdf;
}
.sorting h5 {
    font-size: 14.43px;
    color: #999999;
    text-transform: uppercase;
    letter-spacing: -.21px;
    display: inline-block;
    margin: 0 5px 0 0;
}
.sorting .nice-select{
    height: auto;
    width: auto;
    background: transparent;
    font-size: 14px;
    color: #000000;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    line-height: 22px;
    margin: 0;
    padding: 0;
}
.sorting .nice-select:after{
    display: none;
}
.filterBy{
    position: relative;
    margin: -6px 0 0 55px;
}
.filterBy select, .filterBy .nice-select {
    width: 100%;
    height: 38px;
    background: #f9f9f9;
    border-radius: 0;
    line-height: 39px;
    outline: none;
    margin: 0;
    border: 0;
    text-transform: uppercase;
    padding: 0 15px 0 34px;
    color: #111111;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0;
    -webkit-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    max-width: 90px;
}
.filterBy select, .filterBy .nice-select {
    line-height: 39px;
    text-transform: uppercase;
    font-size: 13px;
    color: #141414;
    font-weight: 600;
    letter-spacing: 0;
    cursor: pointer;
}
.sorting .nice-select .list,
.filterBy .nice-select .list{
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    max-height: 361px;
    overflow: auto;
    -webkit-box-shadow: 0px 2px 38px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 2px 38px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 2px 38px 0px rgba(0, 0, 0, 0.08);
}
.sorting .nice-select .option,
.filterBy .nice-select .option {
    font-size: 13px;
    color: #141414;
    font-weight: 600;
    border-top: 1px solid rgba(0, 0, 0, .05);
    padding: 2px 22px;
}
.filterBy .nice-select .option:hover, 
.filterBy .nice-select .option.focus, 
.filterBy .nice-select .option.selected.focus {
    background: transparent;
    color: #e70012;
}
.sorting .nice-select .option:hover, 
.sorting .nice-select .option.focus, 
.sorting .nice-select .option.selected.focus {
    background: transparent;
    color: #e70012;
}
.filterBy .nice-select:after{
    content: "\e970";
    left: 13px;
    right: auto;
    color: #141414;
    font-size: 11px;
}
.productItem01{
    position: relative;
    font-family: 'Fira Sans', sans-serif;
    background: #f9f9f9;
    margin: 0 0 32px;
}
.proThumb{
    position: relative;
}
.proThumb img{
    width: 100%;
    height: auto;
}
.ratings {
    display: flex;
    font-size: 10px;
    color: #e70012;
    letter-spacing: 3px;
    line-height: 1.1;
    margin: 0 0 11px;
}
.ratings i{
    display: inline-block;
}
.product_content{
    position: relative;
    padding: 20px 38px 21px;
}
.product_content h3{
    font-size: 20px;
    line-height: 26px;
    color: #414141;
    text-transform: uppercase;
    margin: 0 0 11px;
}
.product_content h3 a{
    color: inherit;
}
.product_content h3 a:hover{
    color: #e70012;
}
.pi01Price {
    display: flex;
    position: relative;
    font-family: 'Fira Sans', sans-serif;
    font-size: 18px;
    font-weight: 800;
    color: #414141;
    line-height: .8;
    margin: 0;
}
.pi01Price ins {
    text-decoration: none;
}
.pi01Price del {
    text-decoration: line-through;
    margin-left: 7px;
    color: #6a6a6a;
    font-weight: 400;
}
.prLabels {
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 2;
}
.prLabels p {
    background: #2b2b2b;
    color: #FFF;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0;
    font-weight: 500;
    line-height: 25px;
    border-radius: 0;
    height: 24px;
    padding: 0 10px;
    margin: 0;
}
.prLabels p.sale{
    background: #e70012;
}
.prLabels p.off{
    background: #05d218;
}
.piActionBtns {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
}
.piActionBtns a {
    height: 54px;
    width: 54px;
    background: #e70012;
    border-radius: 50%;
    color: #fff;
    display: block;
    line-height: 60px;
    font-size: 18px;
    opacity: 0;
    text-align: center;
    visibility: hidden;
    margin: 0 1px;
}
.piActionBtns a:nth-child(1) {
    -webkit-transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -moz-transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -ms-transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -o-transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    transition: transform 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
}
.piActionBtns a:nth-child(2) {
    -webkit-transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -moz-transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -ms-transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -o-transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
}
.piActionBtns a:nth-child(3) {
    -webkit-transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -moz-transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -ms-transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    -o-transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    transition: transform 550ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 300ms, visibility ease 300ms, background ease 300ms, color ease 300ms, border ease 300ms;
    transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
}
.productItem01:hover .piActionBtns a:nth-child(1), 
.productItem01:hover .piActionBtns a:nth-child(2), 
.productItem01:hover .piActionBtns a:nth-child(3) {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}
.piActionBtns a:hover {
    background: #2b2b2b;
    color: #FFF;
}
.shopPage .berpo_btn{
    height: 59px;
    line-height: 60px;
    color: #f0f0f0;
    background: #202122;
    padding: 0 36px;
    margin-top: 48px;
}
.shopPage .berpo_btn.with_icon04 i{
    background: #383839;
}
.shopPage .berpo_btn.with_icon04:hover i{
    background: #980000;
}
.shopPage .berpo_btn .bp-shape{
    background: #e70012;
}
.ctaItem{
    position: relative;
    overflow: hidden;
}
.ctaItem img{
    width: 100%;
    height: auto;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.ctaCons{
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}
.ctaItem h3{
    font-size: 45px;
    line-height: 50px;
    color: #fff;
    margin: 0 0 38px;
}
.ctaItem .berpo_btn{
    height: 53px;
    line-height: 54px;
    font-size: 13.47px;
    color: #f0f0f0;
    background: #202122;
}
.ctaItem .berpo_btn.with_icon04 i{
    width: 25px;
    height: 25px;
    background: #383839;
    line-height: 26px;
    color: #f0f0f0;
    font-size: 10.78px;
}
.ctaItem .berpo_btn.with_icon04:hover i{
    background: #980000;
}
.ctaItem .berpo_btn .bp-shape{
    background: #e70012;
}
.ctaItem:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

/*------------------------------------------------------
/ 13. Product Details
/------------------------------------------------------*/
.singleProduct{
    position: relative;
    padding: 160px 0 225px;
}
.proSliderWrapper{
    position: relative;
    margin: 0 60px 0 0;
}
.productSlide{
    position: relative;
    padding: 0 0 28px;
}
.sp_img{
    position: relative;
    text-align: center;
}
.sp_img img{
    width: 100%;
    height: auto;
    border-radius: 10px;
}
.indicator_slider{
    text-align: center;
    position: relative;
    top: 0;
    z-index: 2;
    z-index: 15;
    display: block;
    padding: 0;
    max-width: 385px;
    margin: 0 auto;
    list-style: none;
}
.indicator_slider li{
    list-style: none;
    margin: 0;
    padding: 0;
}
.indicator_slider li .idItem{
    width: 72px;
    height: 72px;
    border-radius: 5px;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    position: relative;
    cursor: pointer;
    opacity: 1;
    border: none;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.indicator_slider li .idItem:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    visibility: hidden;
    opacity: 0;
    border-radius: 5px;
    background: rgba(255, 255, 255, .6);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.indicator_slider .slick-slide.slick-current.slick-active.slick-center:hover .idItem:after,
.indicator_slider .slick-slide.slick-current.slick-active.slick-center .idItem:after{
    visibility: visible;
    opacity: 1;
}
.indicator_slider li img{
    width: 100%;
    height: 100%;
    border-radius: 5px; border:1px solid #ccc;
}
.slick-initialized .slick-slide{
    border: none;
    outline: none;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.indicator_slider .slick-slide{
    padding: 0;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.product_details{
    position: relative;
    padding: 58px 0 0;
}
.product_details h5{
    font-size: 15px;
    font-weight: 500;
    line-height: 21px;
    color: #e70012;
    margin: 0 0 2px;
    text-transform: uppercase;
}
.product_details h5 a{
    color: inherit;
}
.product_details h5 a:hover{
    color: #252525;
}
.product_details h3{
    font-size: 28px;
    line-height: 42px;
    color: #252525;
    margin: 0 0 10px;
}
.product_details .woocommerce-product-rating {
    display: flex;
    justify-content: flex-start;
    line-height: 15px;
    margin: 0 0 15px;
}
.product_details .woocommerce-product-rating .ratings{
    color: #fcd846;
    font-size: 12px;
    margin: 8px 0 0;
    letter-spacing: 8px;
}
.product_details .woocommerce-product-rating .woocommerce-review-link {
    text-transform: capitalize;
    color: #8799a3;
    font-size: 13px;
    text-align: center;
    display: inline-block;
    position: relative;
    height: 31px;
    line-height: 31px;
    border: 1px solid #8799a3;
    border-radius: 50px;
    margin-left: 22px;
    padding: 0 16px;
}
.product_details .woocommerce-product-rating .woocommerce-review-link:after{
    position: absolute;
    left: -18px;
    top: 0;
    bottom: 0;
    margin: auto;
    content: '';
    width: 18px;
    height: 1px;
    background: #8799a3;
}
.product_details .pi01Price{
    font-size: 28px;
    color: #39b54a;
    font-weight: 800;
    margin: 0 0 19px;
}
.product_details .pi01Price del{
    font-size: 20px;
    line-height: 32px;
    color: #b7c6ce;
    font-weight: 500;
    margin-left: 15px;
}
.pd_excrpt {
    font-size: 18px;
    line-height: 28px;
    color: #636363;
    margin: 0 0 37px;
}
.pd_excrpt p:last-of-type {
    margin: 0;
}
.product_size {
    position: relative;
    margin-bottom: 32px;
}
.product_size h6 {
    display: block;
    font-size: 14px;
    color: #252525;
    line-height: .8;
    margin: 0 0 13px;
}
.size_btn {
    display: inline-block;
    margin: 0 6px 0 0;
}
.size_btn input[type="radio"] {
    display: none;
    margin: 0;
}
.size_btn label {
    position: relative;
    font-size: 14px;
    line-height: 35px;
    color: #8799a3;
    font-weight: 700;
    cursor: pointer;
    width: 36px;
    z-index: 2;
    height: 36px;
    font-family: 'Fira Sans', sans-serif;
    border-radius: 50%;
    padding: 0 0;
    border: 1px solid #8799a3;
    background: transparent;
    text-align: center;
    text-transform: uppercase;
}
.size_btn input[type="radio"]:checked + label {
    color: #fff;
}
.size_btn input[type="radio"]:checked + label::after {
    background: #8799a3;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(135, 153, 163, 0.5);
    -moz-box-shadow: 0px 10px 30px 0px rgba(135, 153, 163, 0.5);
    box-shadow: 0px 10px 30px 0px rgba(135, 153, 163, 0.5);
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}
.qty_weight {
    display: flex;
    position: relative;
    margin: 0 0 32px;
}
.cart_quantity {
    position: relative;
    margin: 0 30px 0 0;
}
.quantityd {
    height: 60px;
    position: relative;
    z-index: 1;
    border-radius: 50px;
    width: 120px;
    float: left;
    margin: 0 !important;
    border: 2px solid #eceef2;
}
.quantityd button.qtyBtn {
    padding: 0;
    position: absolute;
    left: 19px;
    font-size: 22px;
    border: none;
    outline: none;
    color: #8799a3;
    background: transparent;
    line-height: 60px;
    font-weight: 600;
    padding: 0;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}
.quantityd input[type="number"] {
    -moz-appearance: textfield;
}
.quantityd input[type="number"] {
    border: medium none;
    color: #252525;
    height: 100%;
    font-size: 16px;
    line-height: 60px;
    filter: none;
    margin: 0 auto;
    font-weight: 700;
    width: 40px !important;
    background: transparent;
    left: 0;
    right: 0;
    outline: none;
    padding: 0 0;
    position: absolute;
    text-align: center !important;
}
.quantityd button.qtyBtn.btnPlus {
    right: 19px;
    left: auto;
    font-size: 18px;
}
.quantityd button.qtyBtn:hover{
    color: #e70012;
}
.product_details .berpo_btn{
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    padding: 0 42px;
}
.product_details .berpo_btn i{
    width: auto;
    height: auto;
    background: transparent;
    font-size: 15px;
    color: #ffffff;
    margin: 0 6px 0 0;
    line-height: inherit;
}
.product_details .berpo_btn:hover i{
    background: transparent;
}
.pro_meta {
    position: relative;
    padding: 52px 0 0 0;
}
.pro_meta:after {
    position: absolute;
    left: 0;
    top: 18px;
    width: 100%;
    max-width: 362px;
    height: 2px;
    content: '';
    background: #f0f4f7;
}
.mtItem {
    display: flex;
    margin: 0 0 12px;
    color: #8799a3;
    font-size: 16px;
}
.mtItem h6 {
    min-width: 99px;
    font-size: 14px;
    color: #252525;
    text-transform: uppercase;
    line-height: 26px;
    margin: 0 0 0;
    position: relative;
    top: 2px;
}
.mtItem a {
    color: #8799a3;
    font-size: 16px;
    margin-left: 3px;
    display: inline-block;
}
.mtsocial a {
    color: #bbc7cd;
    margin-right: 20px;
}
.mtItem a:hover{
    color: #e70012;
}
.product_tabarea {
    margin: 95px 0 52px;
    padding: 0 0;
}
.productTabs {
    margin: 0 0 44px;
    display: inline-block;
    padding: 0;
    border: none;
}
.product_tabarea .productTabs li {
    margin: 0 17px 0 0;
    display: inline-block;
    padding: 0;
    list-style: none;
}
.product_tabarea .productTabs li a {
    height: 50px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 51px;
    text-align: center;
    color: #8799a3;
    border: 1px solid #8799a3;
    font-family: 'Fira Sans', sans-serif;
    border-radius: 50px;
    text-transform: uppercase;
    padding: 0 40px;
    margin: 0;
    box-shadow: none;
    position: relative;
}
.product_tabarea .productTabs li a.active,
.product_tabarea .productTabs li a:hover{
    background: #e70012;
    color: #fff;
    border-color:  #e70012;
}
.pdtci_content{
    position: relative;
}
.pdtci_content p{
    color: #636363;
    padding-right: 35px;
}
.product_tabarea .adinfo {
    padding-right: 0;
}
.product_tabarea .adinfo table {
    position: relative;
    width: 100%;
    border: none;
    margin: 0;
}
.product_tabarea .adinfo table tr th {
    line-height: 36px;
    color: #1c1f23;
    font-size: 15px;
    font-weight: 900;
    width: 500px;
    margin: 0 0 0;
    font-family: 'Fira Sans', sans-serif;
    padding: 9px 0;
    background: transparent !important;
    border: none;
    border-bottom: 1px dashed #d9d9d9;
}
.product_tabarea .adinfo table tr td {
    color: #636363;
    font-weight: 500;
    font-size: 15px;
    font-style: normal;
    margin: 0;
    background: transparent !important;
    border: none;
    border-bottom: 1px dashed #d9d9d9;
}
.product_tabarea .tab-content > .tab-pane,
.product_tabarea .tab-content > .tab-pane.show.active {
    transform: none;
}
.related_area{
    position: relative;
    border-top: 2px solid #f0f4f7;
    padding: 85px 0 0;
}

/*------------------------------------------------------
/ 14. Service & Details Pages
/------------------------------------------------------*/
.service_item_06.mb90{
    margin-bottom: 90px;
}
.singleService01{
    position: relative;
    padding: 160px 0;
}
.widget.service_widget {
    border-radius: 0;
    padding: 0;
    margin-right: 16px;
}
.service_widget ul {
    position: relative;
    margin: 0;
    padding: 0;
}
.service_widget ul li {
    position: relative;
    display: block;
    margin: 0 0 10px;
    z-index: 1;
}
.service_widget ul li a {
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    padding: 18.5px 30px;
    background: #f9f9f9;
    font-family: 'Fira Sans', sans-serif;
    border-radius: 3px;
    color: #07001e;
    border: none;
}
.service_widget ul li a::after{
    font-size: 16px;
    position: absolute;
    right: 20px;
    top: 19px;
    line-height: 28px;
    color: #ffffff;
    content: "\e93f";
    font-family: 'themewar' !important;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.service_widget ul li:hover a:after, .service_widget ul li.active a:after {
    right: 30px;
    visibility: visible;
    opacity: 1;
}
.service_widget ul li:hover a, .service_widget ul li.active a{
    background: #e70012;
    color: #fff;
}
.service_details{
    position: relative;
    margin-left: -15px;
}
.service_details img{
    max-width: 100%;
    height: auto;
    border-radius: 5px;
}
.service_details h3{
    font-size: 35px;
    line-height: 42px;
    color: #07001e;
    margin: 29px 0 20px;
}
.service_details p{
    margin: 0 0 18px;
}
.service_details .berpo_btn.with_icon04{
    color: #f0f0f0;
    height: 59px;
    line-height: 60px;
    padding: 0 34px;
    margin-top: 29px;
}
.service_details02{
    position: relative;
}
.servMeta{
    position: relative;
    padding: 24px 0 0 119px;
    min-height: 91px;
    margin: 0 0 25px;
}
.servMeta i{
    width: 91px;
    height: 91px;
    line-height: 93px;
    color: #020288;
    font-size: 40px;
    text-align: center;
    background: #f5f5f5;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}
.servMeta .simg{
    display: inline-block;
    width: 91px;
    height: 91px;
    line-height: 93px;
    color: #020288;
    font-size: 40px;
    text-align: center;
    background: #f5f5f5;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}
.servMeta .simg img{
    height: 57px;
    width: auto;
}
.gallerSliderWraper {
    position: relative;
}
.gallerSlider {
    margin: 0 30px 0 0;
}
.gallThumb {
    position: relative;
    overflow: hidden;
    border-radius: 5px 0 0 0;
}
.gallThumb img {
    width: 100%;
    height: auto;
    border-radius: 5px 0 0 0;
}
.gallerSliderWraper .lSPager li img {
    width: 100%;
    border-radius: 5px;
    height: auto;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
}
.serPacage{
    margin: -187px 0 0 18px;
}
.serPacage.pricing-item-02 .berpo_btn{
    background: #e70012;
    box-shadow: none;
}
.serPacage ul li i{
    color: #e70012;
}
.service_details02{
    position: relative;
    margin-left: -61px;
    padding: 61px 0 0;
}
.service_details02 h3{
    font-size: 25px;
    line-height: 28px;
    color: #13171f;
    margin: 0 0 19px;
    letter-spacing: .25px;
}
.service_details02 p{
    color: #878787;
    line-height: 30px;
    margin: 0 0 30px;
}
.socail_share{
    position: relative;
    margin: 49px 0 0;
}
.socail_share h5{
    font-size: 16px;
    line-height: 26px;
    color: #13171f;
    margin: 0 0 10px;
    display: block;
    letter-spacing: .16px;
}
.socail_share a{
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    color: #454a53;
    text-align: center;
    font-size: 16px;
    background: transparent;
    border-radius: 50%;
    margin-right: 10px;
}
.socail_share a:hover{
    color: #fff;
    background: #0051f2;
}
.service_sidebar{
    position: relative;
    margin-right: 60px;
    margin-top: 30px;
}
.service_list{
    margin: 0 0 50px;
    padding: 0 0 12px;
    background: #f9f9f9;
    border-radius: 3px;
}
.service_list .widget_title{
    position: relative;
    top: -30px;
    width: calc(100% - 50px);
    height: 76px;
    font-size: 20px;
    color: #161616;
    line-height: 75px;
    font-weight: 600;
    margin-bottom: -12px;
    text-transform: capitalize;
    letter-spacing: 0;
    margin-right: auto;
    margin-left: auto;
    padding: 0 34px;
    background: #fff;
    -webkit-box-shadow: 0px 3px 73px 0px rgba(0, 0, 0, 0.11);
    -moz-box-shadow:    0px 3px 73px 0px rgba(0, 0, 0, 0.11);
    box-shadow:         0px 3px 73px 0px rgba(0, 0, 0, 0.11);
}
.service_list .widget_title img{
    height: 32px;
    width: auto;
    margin-right: 15px;
}
.service_list .widget_title i{
    display: inline-block;
    font-size: 32px;
    margin-right: 17px;
    color: #020288;
    position: relative;
    top: 10px;
}
.service_list ul{
    margin: 0;
    padding: 0;
}
.service_list ul li{
    list-style: none;
    display: block;
    position: relative;
    border-bottom: 1px solid #ebebeb;
    padding: 10px 60px;
}
.service_list ul li:last-child{
    border: none;
}
.service_list ul li a{
    display: inline-block;
    font-size: 17px;
    color: #161616;
    position: relative;
}
.service_list ul li a:before{
    position: relative;
    top: -1px;
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #d6d6d6;
    border-radius: 50%;
    content: '';
    margin-right: 14px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
}
.service_list ul li.active a,
.service_list ul li a:hover{
    color: #e70012;
}
.service_list ul li.active a:before,
.service_list ul li a:hover:before{
    background: #e70012;
}
.download_widget{
    position: relative;
    margin: 0 0 79px;
}
.downloadbtn.berpo_btn{
    display: block;
    height: 62px;
    background: #353535;
    border-radius: 3px;
    position: relative;
    z-index: 2;
    padding: 0 40px;
    line-height: 62px;
    color: #ffffff;
    text-align: left;
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 500;
    margin: 0 0 8px;
}
.downloadbtn.berpo_btn i{
    display: inline-block;
    margin-right: 16px;
    position: relative;
    top: 1px;
}
.downloadbtn.berpo_btn .bp-shape{
    background: #e70012;
}
.downloadbtn:hover{
    color: #fff;
}
.contactInfo{
    margin: 0;
    padding: 0 0 13px;
    background: #f9f9f9;
    border-radius: 3px;
}
.contactInfo .widget_title{
    position: relative;
    top: -30px;
    width: calc(100% - 50px);
    height: 76px;
    font-size: 20px;
    color: #161616;
    line-height: 75px;
    font-weight: 600;
    margin-bottom: 30px;
    text-transform: capitalize;
    letter-spacing: 0;
    margin-right: auto;
    margin-left: auto;
    padding: 0 34px;
    background: #fff;
    -webkit-box-shadow: 0px 3px 73px 0px rgba(0, 0, 0, 0.11);
    -moz-box-shadow:    0px 3px 73px 0px rgba(0, 0, 0, 0.11);
    box-shadow:         0px 3px 73px 0px rgba(0, 0, 0, 0.11);
}
.contactInfo .widget_title img{
    height: 32px;
    width: auto;
    margin-right: 15px;
}
.contactInfo .widget_title i{
    display: inline-block;
    font-size: 32px;
    margin-right: 17px;
    color: #020288;
    position: relative;
    top: 10px;
}
.infoItem{
    position: relative;
    min-height: 62px;
    padding: 5px 30px 26px 138px;
    margin-bottom: 24px;
    border-bottom: 1px solid #ececec;
}
.infoItem:last-child{
    border: none;
    margin: 0;
}
.infoItem i{
    left: 53px;
    width: 62px;
    height: 62px;
    line-height: 65px;
    text-align: center;
    border-radius: 50%;
    font-size: 24px;
    color: #fff;
    background: #e70012;
    position: absolute;
    left: 53px;
    top: 0;
}
.infoItem i.twi-phone-volume {
    transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.infoItem h5{
    font-size: 22px;
    color: #161616;
    line-height: 24px;
    margin: 0 0 5px;
}
.infoItem p{
    font-size: 18px;
    line-height: 25px;
    color: #3c3c3c;
    margin: 0;
}
.imageGallery.owl-carousel{
    position: relative;
    margin: 0 0 32px;
}
.imageGallery.owl-carousel .galImg{
    position: relative;
}
.imageGallery.owl-carousel .galImg img{
    width: 100%;
    height: auto;
    border-radius: 3px;
}
.imageGallery.owl-carousel .owl-dots{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 21px;
    z-index: 2;
    margin: 0 auto;
    text-align: center;
}
.imageGallery.owl-carousel .owl-dots button{
    height: 12px;
    width: 12px;
    background: #fff;
    margin: 0 3.5px;
    border-radius: 50%;
    display: inline-block;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}
.imageGallery.owl-carousel .owl-dots button span{
    display: none;
}
.imageGallery.owl-carousel .owl-dots button.active,
.imageGallery.owl-carousel .owl-dots button:hover{
    background: #e70012;
}
.service_details03{
    position: relative;
    margin-left: -39px;
}
.service_details03 p{
    line-height: 30px;
    color: #878787;
    margin: 0 0 20px;
}
.serQuote{
    position: relative;
    background: #f3f6fd;
    border-left: 3px solid #e70012;
    margin: 40px 0 28px;
}
.serQuote p{
    font-size: 18px;
    line-height: 35px;
    color: #666666;
    font-style: italic;
    margin: 0;
    font-weight: 300;
    padding: 60px 50px 40px 30px;
}
.service_details03 .berpo_btn{
    background: #202122;
    padding: 0 33px;
    margin-top: 12px;
}
.service_details03 .berpo_btn .bp-shape{
    background: #e70012;
}
.service_details03 .berpo_btn.with_icon i{
    background: #383839;
}
.service_details03 .berpo_btn.with_icon:hover i{
    background: #980000;
}
.sp04{
    position: relative;
    background: #f7f7f7;
    padding: 150px 0 110px;
}
.sp04 .service_item_01{
    margin-bottom: 40px;
}
.sp07, .sp06{
    padding: 150px 0 110px;
}
.sp06 .service_item_07 .ibMeta{
    color: #e70012;
}
.sp06 .service_item_07 h5,
.sp06 .service_item_07 h3 a:hover{
    color: #e70012;
}
.sp06 .service_item_07 .srm{
    background: #e70012;
}
.sp06 .service_item_07 .srm:hover{
    background: #030303;
}
.sp06 .service_item_07:after{
    -webkit-box-shadow: 0px 4px 0px 0px #e70012;
    -moz-box-shadow: 0px 4px 0px 0px #e70012;
    box-shadow: 0px 4px 0px 0px #e70012;
}


/*-----------------------------------------------------------------
/ 15. Contact Page
/------------------------------------------------------------------*/
.mapsSection{
    position: relative;
    overflow: hidden;
}
.mapsSection iframe{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 510px;
    line-height: .8;
    border: none;
}
.mapsSection02 iframe{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 611px;
    line-height: .8;
    border: none;
}
.google_map{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 510px;
    line-height: .8;
}
.icon_box_06{
    position: relative;
    padding: 2px 0 0 74px;
    min-height: 61px;
    margin-right: -30px;
    margin-bottom: 13px;
}
.icon_box_06 .ibMeta{
    position: absolute;
    left: 0;
    top: 0;
    width: 61px;
    height: 61px;
    background: #fff;
    line-height: 64px;
    border-radius: 50%;
    border: 2px solid #eceef2;
    font-size: 26px;
    color: #e70012;
    text-align: center;
}
.icon_box_06 p{
    color: #252525;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    margin: 0;
}
.icon_box_06 p span{
    color: #636363;
}
.ib62, .ib63{
    padding-top: 19px;
}
.ib63 p{
    color: #e70012;
}
.contactPageForm{
    background: transparent;
    box-shadow: none;
    margin: 0 0 0 30px;
    padding: 0;
}
.contactPageForm .secTitle02{
    font-size: 32px;
    line-height: 42px;
    color: #252525;
    font-weight: 800;
    text-align: left;
    margin: 0 0 29px;
}
.contactPageForm textarea,
.contactPageForm input{
    height: 60px;
    border-radius: 50px;
    padding: 0 38px;
    font-size: 16px;
    line-height: 60px;
    color: #8799a3;
    background: #fff;
    font-weight: 400;
    margin: 0 0 20px;
    border: 2px solid #eceef2;
}
.contactPageForm textarea{
    height: 220px;
    line-height: 28px;
    padding-top: 15px;
    border-radius: 30px;
}
.contactPageForm textarea::-moz-placeholder,
.contactPageForm input::-moz-placeholder {
    color: #8799a3;
    opacity: 1;
}
.contactPageForm textarea::-ms-input-placeholder,
.contactPageForm input::-ms-input-placeholder {
    color: #8799a3;
    opacity: 1;
}
.contactPageForm textarea::-webkit-input-placeholder,
.contactPageForm input::-webkit-input-placeholder {
    color: #8799a3;
    opacity: 1;
}
.contactPageForm .berpo_btn{
    height: 60px;
    font-size: 14px;
    line-height: 61px;
    border-radius: 50px;
    margin-top: 20px;
}
.mapsSection02{
    position: relative;
    padding: 160px 0 0;
}
.mapsSection02 .google_map{
    height: 611px;
}
.icon_box_07{
    position: relative;
    padding: 0;
    margin-bottom: 30px;
}
.icon_box_07 .ibMeta{
    margin: 0 0 32px;
    width: 123px;
    height: 123px;
    background: #fff;
    line-height: 130px;
    border-radius: 50%;
    font-size: 51px;
    color: #e70012;
    text-align: center;
    -webkit-box-shadow: 0px 4px 18px 0px rgba(32, 45, 73, 0.10);
    -moz-box-shadow:    0px 4px 18px 0px rgba(32, 45, 73, 0.10);
    box-shadow:         0px 4px 18px 0px rgba(32, 45, 73, 0.10);
}
.icon_box_07 h3{
    font-size: 20px;
    line-height: 28px;
    color: #1d2c44;
    margin: 0 0 10px;
}
.icon_box_07 p{
    color: #646d7c;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    font-family: 'Fira Sans', sans-serif;
    margin: 0;
}
.cnborder{
    position: relative;
    border-top: 1px solid #e8e8e8;
    margin: 57px 0 0;
}
/*-- Team Page ---*/
.teamDetailsSection{
    position: relative;
    padding: 150px 0 248px;
}
.tmImg{
    position: relative;
    margin: 0 44px 0 0;
}
.tmImg img{
    max-width: 100%;
    height: auto;
    margin: 0 0 15px;
}
.tmImg .single_skill{
    margin: 25px 0 0;
}
.tmImg .ss_child{
    background: #e70012;
}
.tmdCon{
    position: relative;
}
.tmdCon > p{
    margin: 0 0 27px;
}
.tmt_meta{
    position: relative;
    padding: 0 0 0;
    margin: -7px 0 0;
}
.tmt_meta .tm_designation{
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
    color: #e70012;
    display: block;
    margin: 1px 0 4px;
}
.tmt_meta h4{
    font-size: 30px;
    margin: 0 0 25px;
}
.stm_social {
    position: relative;
    margin: 0 0 35px;
}
.stm_social a {
    margin: 0 6px 0 0;
    display: inline-block;
    width: 36px;
    height: 36px;
    position: relative;
    z-index: 2;
    background: #fff;
    color: #252525;
    line-height: 38px;
    text-align: center;
    font-size: 14px;
    border-radius: 50%;
    -webkit-filter: drop-shadow( -2px 1px 8px rgba(226, 225, 225, 1));
    -moz-filter: drop-shadow( -2px 1px 8px rgba(226, 225, 225, 1));
    filter: drop-shadow( -2px 1px 8px rgba(226, 225, 225, 1));
}
.stm_social a::after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    margin: auto;
    width: 0;
    height: 0;
    z-index: -1;
    content: '';
    background: #e70012;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.stm_social a:hover {
    color: #fff;
}
.stm_social a:hover::after {
    width: 100%;
    height: 100%;
}
.tm_meta{
    margin: 0 0 78px;
    padding: 0;
}
.tm_meta li{
    list-style: none;
    display: block;
    font-size: 16px;
    color: #959595;
    font-weight: 500;
    line-height: 36px;
    margin: 0;
}
.tm_meta li span{
    display: inline-block;
    font-weight: 800;
    color: #252525;
}
.tm_meta li i {
    color: #e70012;
    display: inline-block;
    font-size: 20px;
    position: relative;
    top: 2px;
    line-height: inherit;
    margin-right: 15px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.tmser .service_item_07 .ibMeta {
    color: #e70012;
}
.tmser .service_item_07 h5, .tmser .service_item_07 h3 a:hover {
    color: #e70012;
}
.tmser .service_item_07 .srm {
    background: #e70012;
}
.tmser .service_item_07 .srm:hover{
    background: #030303;
}
.tmser .service_item_07:after{
    -webkit-box-shadow: 0px 4px 0px 0px #e70012;
    -moz-box-shadow: 0px 4px 0px 0px #e70012;
    box-shadow: 0px 4px 0px 0px #e70012;
}
.tmser{
    margin-top: 86px;
    margin-bottom: 70px;
}
.tmDesc p{
    margin: 0 0 27px;
}
.tmDesc p:last-child{
    margin-bottom: 0;
}
.teamPage{
    position: relative;
    padding: 150px 0 115px;
}
.teamPage .team_03 .tm_social{
    background: #e70012;
}
.teamPage .tmcontent02 h3 a:hover,
.teamPage .team_05 .tm_social a:hover,
.teamPage .team_03 h3 a:hover,
.teamPage .team_03 p,
.teamPage .tm_content .tm_social a,
.teamPage .tm_content h3 a:hover{
    color: #e70012;
}
.teamPage .tm_content .tm_social a:hover{
    color: #fff;
}
.teamPage .team_03{
    margin-bottom: 30px;
}
.team_06 img{
    width: 100%;
    height: auto;
    border-radius: 10px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.teamPage .team_06{
    background: #e70012;
}